it-swarm.com.de

@ font-face funktioniert nicht in WordPress

Ich habe eine Schriftart, die ich für meine Links verwenden möchte. Irgendwie klappt es nicht.

@font-face {
      font-family: HelveticaNeueLight;
      src: local('fonts/HelveticaNeueLight.ttf');
   }

Mein Schriftpfad lautet: wp-content/themes/mytheme/fonts/HelveticaNeueLight.ttf und ich habe ihn folgendermaßen verwendet:

.jplnav li a {
     font-family: HelveticaNeueLight;
   }

Browser: Chrome

Gibt es irgendeine Art von speziellem Code, damit @ font-face funktioniert?

1
Jeremi Liwanag

Abhängig von Ihrem Browser und Ihrer Plattform müssen Sie die Schriftart in verschiedenen Formaten angeben.
Siehe dieses Beispiel:

@font-face {
  font-family: "LeagueGothic";
  src: url('../fonts/league_gothic-webfont.eot');
  src: url('../fonts/league_gothic-webfont.eot?#iefix') format('eot'),
       url('../fonts/league_gothic-webfont.ttf') format('truetype'),
       url('../fonts/league_gothic-webfont.woff') format('woff'),
       url('../fonts/league_gothic-webfont.eot#iefix') format('embedded-opentype'),
       url('../fonts/league_gothic-webfont.svg') format('svg');
  font-weight: "normal";
  font-style: "normal";
}

Wenn Sie nur die Schriftart im .ttf-Format haben und die anderen benötigen, können Sie mit dem FontSquirrel-WebFont-Generator Ihr eigenes @ font-face-Kit erstellen.

1
Mark Davidson