c2b_default

Webfonts

Abschlussprüfung 2014 Mediengestalter

Abschlussprüfung 2014 Mediengestalter

9
0.0 (0)
Lisa Ströher
Study
Lisa Ströher
Flashcards
9
Students
4
Language
German
Category
Technology
Created / Updated
22.04.2014 / 21.02.2019
  • 1  / 9

Flashcards

Beispiel Code, CSS

Einbindung der Font

 

@font-face {
   font-family: Gavin;
   src: url(‘gavin.ttf’);

Beispiel Code, CSS

Verwendung in class

.meine_class {
   font-family: Gavin;
   font-size: 2em;
}

Webfont im HTML-Head

^html> 

<head>

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> <style> body { font-family: 'Tangerine', serif; font-size: 48px; } </style> </head>

<body>  </body>

</html^

 

 

Browserkompatibilität @font-face

  • Internet Explorer 4+
  • Mozilla Firefox 3.5+
  • Google Chrome 4+
  • Safari 3.1+
  • Opera 10+

Browserkompatibilität .woff

  • Internet Explorer 9+
  • Mozilla Firefox 3.6+
  • Google Chrome 6+
  • Opera 11.1+

Browserkompatibilität .woff

  • Internet Explorer 9+
  • Mozilla Firefox 3.6+
  • Google Chrome 6+
  • Opera 11.1+

Browserkompatibilität OpenType

  • Mozilla Firefox 3.5+
  • Google Chrome 4+
  • Safari 3.1+
  • Opera 10+
  • iOS Mobile Safari 4.2+

Browserkompatibilität TrueType

  • Internet Explorer 9+
  • Mozilla Firefox 3.5+
  • Google Chrome 4+
  • Safari 3.1+
  • Opera 10+
  • iOS Mobile Safari 4.2+

Mime-Typen 

.woff       application/x-font-woff.eot        application/vnd.ms-fontobject.ttf        application/x-font-ttf.otf        application/x-font-opentype

.svg        image/svg+xml

Study