@ font-face ne fonctionne pas sur chrome

J'utilise la dernière version de google chrome et ça ne rend pas face à la police.

Je suis sous Debian Linux, et tous les autres navigateurs , y compris Chrome , le spectacle comprenait les polices correctement.

Face à la police de la déclaration que j'utilise est:

@font-face {
    font-family: Dejaweb;
    src: url('DejaWeb.ttf');
}

@font-face {
    font-weight: bold;
    font-family: Dejaweb;
    src: url('DejaWeb-Bold.ttf');
}

source d'informationauteur Bojan Savic

  1. 7

    Chaque fois que @font-face inexplicablement ne fonctionne pas pour moi dans le soi-disant compatible navigateurs, je laisse tomber ce dans mon .fichier htaccess. Soi-disant certains navigateurs ne pas charger les polices hébergés sur d'autres domaines, et ce morceau de code qui dépanne, mais c'est parfois le seul recours à la force polices à charge qui sont hébergés sur le même domaine. Généralement, sa plus de problème avec Firefox qu'avec Chrome, mais je viens de maintenant utilisé à la force des polices de google Chrome alors que Firefox fonctionnait bien. Allez comprendre.

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

    Un autre inexplicablement chose bizarre, j'ai eu des cas avec le @font-face syntaxe est qu'il ne charge pas les fichiers de polices de caractères correctement avec des majuscules dans le nom. C'était seulement une question une fois, et après plusieurs reprises à se taper la tête contre le bureau de dépannage @font-face d'un tas de différentes façons, en dernier recours, j'ai changé tous les fichiers de police et de la police du nom de famille en minuscules, et il a bien fonctionné (je pense que c'était un problème de plus capricieux, c'est à dire, et un seul site, je faisais exactement la même syntaxe sur un autre site a bien fonctionné avec des caractères majuscules et minuscules).

  2. 5

    Si vous mettez vos fichiers de polices dans un dossier nommé "polices" et vos fichiers CSS dans le dossier nommé "style",vous devez écrire l'url comme ceci

    @font-face {
 font-weight: bold;
 font-family: Dejaweb;
 src: url('../fonts/DejaWeb-Bold.ttf'); }

    J'ai juste corrigé la même erreur comme ça.

  3. 3

    Essayer cette

       src:url('DejaWeb-Bold.ttf') format('truetype'),

    Également si les polices sont disponibles dans d'autres format différent de l'endroit où vous les avez, alors je suggère l'écriture de toutes les croix navigateur compatible de la manière suivante

        @font-face {
     font-family: "Dejaweb";
     src: url("DejaWeb-Bol.eot") format('embedded-opentype'), /* EDIT correction on this line */
     url('DejaWeb-Bol.woff') format('woff'),
     url('DejaWeb-Bol.ttf') format('truetype'),
     url('DejaWeb-Bolsvg#') format('svg');
     font-weight:bold;
    font-style:normal;
  }
  4. 0
    @font-face {    
font-family: 'FONT-NAME';
src: url('RELATIVE-FONT-URL') format('FONT-FORMAT');
}

div {
    font-family: 'FONT-NAME';
    font-weight: normal;
    font-style: normal;
}

    L'ajout de la police-le poids et la police de style avec la normale en valeur travaillé pour moi.