Articles of font face

Avertissement Google: ressource interprétée en tant que police mais transférée avec une application de type MIME / un stream d’octets

J’ai un avertissement dans Google pour mon font-face: Ressource interprétée en tant que police mais transférée avec le type MIME application / octet-stream: “… / Content / Fonts / iconFont.ttf”. Cela fonctionne même si j’ai cet avertissement mais je préfère éviter cet avertissement. Voici ma déclaration: @font-face { font-family: ‘iconFont’; src: url(‘../Fonts/iconFont.eot?#iefix’) format(’embedded-opentype’), url(‘../Fonts/iconFont.svg#iconFont’) format(‘image/svg+xml’), […]

Appliquer une police unique à un site Web entier avec CSS

Je souhaite utiliser une police unique nommée “Algérien” sur l’ensemble de mon site. Donc, je dois changer toutes les balises HTML et je ne veux pas écrire un code différent pour différentes balises comme: button{font-family:Algerian;} div{font-family:Algerian;} La méthode écrite ci-dessous est également fortement déconseillée: div,button,span,strong{font-family:Algerian;}

Dessiner du texte dans avec @ font-face ne fonctionne pas à la première fois

Lorsque je dessine un texte dans une canvas avec une police chargée via @ font-face, le texte ne s’affiche pas correctement. Il ne s’affiche pas du tout (dans Chrome 13 et Firefox 5), ou la police de caractères est incorrecte (Opera 11). Ce type de comportement inattendu ne se produit qu’au premier dessin avec la […]

CSS @ font-face – que signifie «src: local (‘☺’)»?

J’utilise @font-face pour la première fois et j’ai téléchargé un kit de fonts à partir de fontsquirrel Le code qu’ils recommandent d’insérer dans mon CSS est le suivant: @font-face { font-family: ‘junctionregularRegular’; src: url(‘Junction-webfont.eot’); src: local(‘☺’), url(‘Junction-webfont.woff’) format(‘woff’), url(‘Junction-webfont.ttf’) format(‘truetype’), url(‘Junction-webfont.svg#webfontoNEpZXy2’) format(‘svg’); } Maintenant, le visage de smiley m’a déconcerté. Mais il en va de […]

Amazon S3 CORS (partage de ressources inter-origine) et chargement de fonts interdomaine Firefox

Il y a eu un problème de longue date avec Firefox qui ne charge pas la police à partir d’une origine différente de celle de la page Web actuelle. Généralement, le problème se pose lorsque les fonts sont diffusées sur des réseaux de diffusion de contenu. Diverses solutions ont été soulevées dans d’autres questions: CSS […]

Faire fonctionner les fonts Adobe avec CSS3 @ font-face dans IE9

Je suis en train de créer une petite application intranet et d’essayer, sans succès, d’utiliser les fonts Adobe que j’ai achetées récemment. Comme j’ai été informé, dans notre cas, ce n’est pas une violation de licence. J’ai converti les versions .ttf / .otf de la police en .woff, .eot et .svg, afin de cibler tous […]

Type mime droit pour les images SVG avec des fonts incorporées

Ceci est le type de mime SVG habituel: image/svg+xml Et ça marche super bien. Cependant, lorsque vous incorporez une police SVG, chrome vous indique que le type MIME est incorrect, évidemment parce que vous retournez une police au lieu d’une image. Y a-t-il un type universel de mime? chrome est-il faux? application/svg+xml accepté d’une manière […]

Utiliser des fonts personnalisées en utilisant CSS?

J’ai vu de nouveaux sites Web qui utilisent des fonts personnalisées sur leurs sites (autres que ceux d’Arial, Tahoma, etc.). Et ils supportent une bonne quantité de navigateurs. Comment fait-on cela? Tout en empêchant également les gens d’avoir un access gratuit pour télécharger la police, si possible.

CSS @ font-face ne fonctionne pas avec Firefox, mais fonctionne avec Chrome et IE

Le code suivant fonctionne dans la version bêta de Google Chrome et dans IE 7. Cependant, Firefox semble avoir un problème avec cela. Je soupçonne que ce soit un problème de la façon dont mes fichiers CSS sont inclus, car je sais que Firefox n’est pas trop favorable aux importations interdomaines. Mais tout ceci n’est […]

Quelle police pour CSS “x” ferme le bouton?

Je veux créer un bouton de fermeture à l’aide de CSS uniquement. Je suis sûr que je ne suis pas le premier à le faire, alors est-ce que quelqu’un sait quelle police a un «x» de la même largeur que la hauteur, de sorte qu’il puisse être utilisé comme navigateur pour créer un bouton de […]