@ Font-face ne fonctionne pas dans Firefox (mais exactement le même code fonctionne sur un autre site)

StackOverflow https://stackoverflow.com/questions/3104546

Question

J'ai deux sites en utilisant exactement le même code pour @ font-face. Les fichiers de police sont hébergés sur les sites respectifs et les chemins sont corrects.

on travaille, on n'a pas. (Et bien sûr, cela fonctionne sur mon site personnel et non pas les clients!)

J'apprécierais vraiment une nouvelle perspective sur ce!

Où cela fonctionne:

Le site: http://example.com/

Le fichier CSS: http: //365.example .com / index.php? = css photos / style.v.1275845154

Le code correspondant: 

@font-face {
    font-family: 'JournalRegular';
    src: url('./themes/fonts/journal.eot');
    src: local('Journal Regular'), local('Journal'), url('./themes/fonts/journal.ttf') format('truetype');
 }
body{
    background: url("http://labs.example.com/personal/library/images/BG.jpg");
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'JournalRegular', Georgia, 'Times New Roman', Times, sans-serif;
    color: #999;
 }

Où ça ne marche pas:

Le site: http://www.example.org/

Le fichier CSS: http://www.example.org /wp-content/themes/theme/style.css

Le code correspondant: 

@font-face {
    font-family: 'JournalRegular';
    src: url('http://example.org/wp-content/themes/theme/fonts/journal.eot');
    src: local('Journal Regular'), local('Journal'), url('http://example.org/wp-content/themes/theme/fonts/journal.ttf') format('truetype');
 }
.title h1{
    float:left;
    background:url(images/blt-ttl1?.png) no-repeat 0 4px;
    margin:0px 0 5px;
    /* padding:8px 0 8px 34px; */
    color:#bd5f01;
    letter-spacing: .5pt
    font:24px/26px 'JournalRegular', Georgia, 'Times New Roman', Times, serif;
}

Toute aide serait grandement appréciée si!

Était-ce utile?

La solution

Font-intégration, qui est, le @font-face nécessite le fichier de police à créer sur une base par domaine.

C'est parce que les certaines polices peuvent avoir des problèmes de droits d'auteur.

Autres conseils

la solution ultime à ce problème est: 

    <FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
    </FilesMatch>

Copiez le code dans le fichier .htaccess, transférez-le, et fait Vous êtes en train. Firefox affichera vos @ polices face de police

L'espoir cela fonctionne pour tout le monde!

accepte firefox que des liens relatifs pour la police face par défaut .. lien

Utilisez HTTP contrôle d'accès ou des liens relatifs

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top