.

Webfont Demo


Muster-Bild

Stimmt die Beispielschrift nicht mit dem Muster-Bild überein, wird das entsprechende Format nicht von Ihrem Browser unterstützt.

WOFF2: Beispielschrift
WOFF: Beispielschrift
EOT: Beispielschrift
TTF: Beispielschrift
SVG: Beispielschrift

Das aktuelle CSS-Statement zum Einbetten von Webfonts

@font-face {

  font-family: 'Webfontname';

  src: url('webfontfilename.eot'); /* IE9 Compat Modes */

  src: url('webfontfilename.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('webfontfilename.woff2') format('woff2'), /* Super Modern Browsers */

       url('webfontfilename.woff') format('woff'), /* Pretty Modern Browsers */

       url('webfontfilename.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('webfontfilename.svg#svgFontName') format('svg'); /* Legacy iOS */

}

body {

  font-family: 'Webfontname', Fallback, sans-serif;

}

Seite drucken