font-face, eigene Schriftarten verwenden

DruckversionPDF version

1. Wandeln Sie Ihre Schrift in alle gängigen Formate um mit

FontSquirrel

Sie erhalten eine .zip Datei, entpacken Sie sie in Ihren .css Ordner

2. Fügen Sie am Anfang Ihrer Style-Sheet Datei folgenden Code ein und ersetzten Sie 'meineschrift' mit dem Dateinamen Ihrer Schriftdateien

 

@font-face {
  font-family: 'MeineSchrift';
  src: url('meineschrift.eot'); /* IE9 Compat Modes */
  src: url('meineschrift.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('meineschrift.woff2') format('woff2'), /* Super Modern Browsers */
       url('meineschrift.woff') format('woff'), /* Pretty Modern Browsers */
       url('meineschrift.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('meineschrift.svg#svgFontName') format('svg'); /* Legacy iOS */
}

 

Sie können jetzt in Ihrem Stylesheet die Angabe

 font-family: 'MeineSchrift',  sans-serif;

verwenden.

rhein-main-experten.de wird überprüft von der Initiative-S