Wie bette ich eine benutzerdefinierte Website-Schriftart in das ttf-Format für alle Browser ein?

Question

Auf meiner Website verwende ich eine benutzerdefinierte Schriftart, die ich hochgeladen habe. Es scheint zu wählen, wann man intermittierend arbeitet. Es funktioniert auf einigen Computern/Browsern, aber nicht auf anderen Computern. Es ist auch korrekt zugeordnet. mein Code

Dies ist:

<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 funktioniert überall, bis ich einen Freund Laptop verwenden um es anzuzeigen.

Können Sie sehen, wo ich falsch liege?

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

Answer 1

Sie müssen den Dateinamen Ihrer Schriftart ohne Großbuchstaben ändern. Wie folgt aus: von AGENCYR.TTF zu agencyr.ttf

und in der CSS-Datei:

src: url('agencyr.ttf'); 

Answer 2

Das sollte folgende Code arbeiten:

@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; 
}