police Icône (@ font-face) ne rendant pas sur localhost

J'ai le travail font-awesome icône-police sur mon locahost ainsi que mon mysite.com qui sont les deux serveurs nginx. Bizarrement, quand j'ai essayé de mettre en œuvre un ensemble similaire icône de police de Glyphicons les icônes rendent uniquement sur mysite.com mais pas sur mon localhost.police Icône (@ font-face) ne rendant pas sur localhost

Voici ce que les icônes ressemblent normalement par rapport à la façon dont ils regardent mon localhost:

normal: normal Busted: busted

Le problème est que l'attribut font-family: 'Glyphicons' n'est pas reconnu sur mon localhost parce que tout simplement en commentant la propriété CSS font sur re-crée mysite.com l'apparence de la boîte rouge:

.glyphicons i::before { 
    position: absolute; 
    left: 0; 
    top: 0; 
    font: 24px/1em 'Glyphicons'; // commenting out this line re-creates the red box pattern 
    font-style: normal; 
    color: #1D1D1B; 
    color: red; 
}

Source

2012-12-14 tim peterson

Vous faites des hypothèses que le problème est l'attribut * 'Glyphicons est de ne pas être reconnu [...] *. Je suppose que vous n'avez simplement pas ajouté les définitions '@ font-face' nécessaires dans tout ce que vous exécutez sur localhost. Si ce n'est pas le cas, j'aimerais aider, mais je ne peux pas avec les informations éparses données. – joar

Salut @Joar, merci, le [fichier CSS glyphonique] (https://gist.github.com/4289075.git) est identique. En fait, mon code d'application complet sur mon localhost et mysite.com est identique car les deux sont sous le contrôle de version et sont à la dernière version. –

http://stackoverflow.com/a/8484466/202522 et http://stackoverflow.com/q/11872404/202522 pourrait aider. – joar

Je voudrais remercier @ David (voir les commentaires ci-dessus) pour me aider répondre à ma propre question. Le problème était un problème d'autorisation de fichier. Je venais d'ajouter le dossier Glyphicons à mon dossier d'application localhost (c'est-à-dire,/html) et il n'avait pas les bonnes permissions. Il suffit de taper ce qui suit dans la ligne de commande a résolu le problème:

html TimPeterson$ chmod -R 777 assets/glyphicons/ /*this command allows access to all (777) for all files and folders (-R) within the glyphicons folder*/

Il n'a pas été CSS, mime-types, ou toute autre chose à voir avec Nginx comme je l'avais d'abord pensé.

Source

2012-12-16 13:12:33

Saved My Time :) Merci beaucoup: P –

police Icône (@ font-face) ne rendant pas sur localhost

Répondre

Questions connexes