it-swarm.com.de

Wie binde ich eine benutzerdefinierte Website-Schriftart im TTF-Format für alle Browser ein?

Auf meiner Website verwende ich eine benutzerdefinierte Schriftart, die ich hochgeladen habe. Es scheint sich zu entscheiden, wann intermittierend gearbeitet werden soll. Es funktioniert auf einigen Computern/Browsern, aber nicht auf anderen. Es ist auch richtig zugeordnet.

Das ist mein Code:

<style type="text/css">
@font-face {
    font-family: 'AgencyFBRegular';
    src: url('agencyr.eot');
    src: url('agencyr.eot?#iefix') format('embedded-opentype'),
         url('agencyr.woff') format('woff'),
         url('AGENCYR.TTF') format('truetype'),
         url('agencyr.svg#AgencyFBRegular') format('svg');
}


h3 {    font-family: 'Agency FB', sans-serif; font-size: 26px; font-weight:normal; text-align: left; line-height: 100%;
    border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom:7px; 
</style>

Ich dachte, es würde überall funktionieren, bis ich den Laptop eines Freundes benutzte, um ihn anzusehen.

Kannst du sehen, wo ich falsch liege?

UPDATE: Ich habe Font CSS aktualisiert. Es scheint zu funktionieren, aber jetzt nicht auf iOS.

28
Sami Dz Hamida

Der folgende Code sollte funktionieren:

@font-face {
    font-family:"AgencyFBRegular";
    src: url("agencyr.eot") /* EOT file for IE */
}
@font-face {
    font-family:"AgencyFBRegular";
    src: url("agencyr.ttf") /* TTF file for CSS3 browsers */
}

h3 {
    font-family:'Agency FB', sans-serif;
    font-size: 26px;
    font-weight:normal;
    text-align: left;
    line-height: 100%;
    border-bottom: 1px solid #484848;
    padding-bottom: 5px;
    margin-bottom:7px;
}
35
Gangadhar

Sie müssen den Dateinamen Ihrer Schriftart ohne Großbuchstaben ändern. So: von AGENCYR.TTF bis agencyr.ttf

und in deiner css datei:

src: url('agencyr.ttf');
7
Sakata Gintoki