2016-06-13 1 views
1

Je veux faire le logo de mon site de couleur à l'aide font-family : comic sans MS, je ne veux pas faire une photo de mon logo, je veux juste le faire en utilisant le CSS et HTML, j'ai utilisé @font-face:comment puis-je faire comique sans MS texte logo en utilisant CSS?

Voici mon css :

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
    url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
} 

.logo{ 
    font-family:'MyWebFont', Fallback, "comic sans MS"! important; 
    font-size : 20px! important; 
    margin-left : 33%! important; 
} 

.logo:visited{ 
    text-decoration: none! important; 
} 

.logo:active{ 
    text-decoration : none! important;  
} 

.logo:hover{ 
    text-decoration : none! important; 
    text-shadow: -3px 1px 13px yellow; 
    transition-duration : 0.2s;  
} 

sur l'écran de bureau, il semble bon 'comique sans MS' texte, mais sur des appareils mobiles ma famille de police 'comic Sans MS' n'a pas appliqué

aide-moi!

+0

Peut-être que «comic sans MS» n'est pas installé sur les appareils mobiles par défaut, mais sur le bureau. –

+0

@MoshFeu oui, vous avez raison !! mais que dois-je faire pour le résoudre? – shubham

+1

Essayez les solutions dans cette question: http://stackoverflow.com/q/21334839/863110. Si cela ne fonctionne pas, j'ai peur que vous ayez besoin de trouver une police web similaire. –

Répondre

0

Pour les téléphones iphone/android. Je pense que .ttf et .svg feraient l'affaire. si vous voulez l'utiliser. changer MyWebFont en Comic Sans MS. le code css pour l'utiliser devrait être:

font-family: "Comic Sans MS", cursive, sans-serif; 
+0

Le nom de la police est pour un usage interne seulement, donc peu importe si vous le renommez tant que vous le renommez partout. Ceci indique qu'il est plus susceptible d'être un autre problème, que ce soit avec des fichiers ou du code quelque part. – somethinghere

+0

@quelque chose où vous avez raison – Cth103