Was ist der beste Weg, um benutzerdefinierte Schriftarten mit CSS machen es kompatibel mit maximale Browser?

Ich habe verschiedene codes zum einbetten von benutzerdefinierten Schriftarten und schließlich folgende scheint zu funktionieren in FF & IE8 oben. Aber es unterstützt nicht im IE7.

@font-face {
font-family: 'xyzfont';
src: url('fonts/abc-font.eot?') format('eot'), 
     url('fonts/abc-font.woff') format('woff'), 
     url('fonts/abc-font.ttf') format('truetype');
}

h1, h2, h3, div span { font-family: 'xyzfont', Georgia, Arial; }

Jeder Vorschlag zu machen es mehr kompatibel (wie IE7) das meiste willkommen.

  • Prüfen Sie das link. die Ihnen helfen könnten.
  • Dank Mr_Green, link sieht gut aus 🙂
InformationsquelleAutor Deepak Rajpal | 2013-09-18
  1. 19

    Hier ist die css, die ich verwenden einbetten von meiner Schrift in jedem browser, hoffe das hilft:

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

    Beachten Sie auch, dass können Sie Ihre schriftart-Familie ohne Zitat, wie dieses:

    h1, h2, h3, div span { font-family: xyzfont, Georgia, Arial; }

    Können Sie lernen, über den font-browser-Unterstützung hier.

    fontsquirrel ist wahrscheinlich der beste Ort zu generieren jeder font-format, das Sie brauchen.

    Diese Artikel erklären, wie Sie Ihr font-ID hinzufügen nach der hashtag für die SVG-font.

    Wenn jemand fragt, warum ist es ?#iefix für IE6-IE8-Browser eot-schriftart finden Sie in diesem Antwort.

    • +1 nice.. hast du irgendeine Quelle-link zu verweisen?
    • Dank morgul, gut funktioniert, im IE-7/8. Auch mein code scheint auch in Ordnung arbeiten 😉 vielen Dank trotzdem
    • Dies ist die einzig richtige Antwort auf diese Frage, funktioniert wie ein Charme! 🙂
    • Wow, fontsquirrel.com ist spektakulär! Ziemlich viel ein web fonts Silber Kugel. Ich schnappte mir ein .ttf-Datei, die von Windows für eine schriftart, die ich mochte, hochgeladen, und es hat die ganze Arbeit für mich. Sehr schön. Auch gibt Sie die Richtung für den Umgang mit IIS-MIME-Typ Probleme mit .svg-Schriften.
    InformationsquelleAutor morgul
  2. 1

    ich diesen code verwenden 😉 

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

    können Sie konvertieren Online youre schriftart ( ttf ( mit dieser website :
    Einfache Online-Web-Schriftart-Konverter: ttf otf-woff woff2 eot svg-otf mit css-stylesheet

    Konvertieren schriftart und verwenden Sie mein css-code ( nicht die Beispiel-css der Website )

    • Die Website, die Sie verlinkt haben, scheinen eine Geschichte zu Spammen hier. Ist es ein integraler Teil deiner Antwort? Wenn nicht, würde ich vorschlagen, nicht mit einem link, um es.
    InformationsquelleAutor farshidpg
Schreibe einen Kommentar