Articles of font face

@ font-face fonctionne dans IE8 mais pas IE9

Comme décrit ci-dessus, j’ai des problèmes avec @ font-face ne s’affichant pas dans IE9 bien qu’il s’affiche correctement dans tous les autres navigateurs, y compris IE8 et les versions antérieures. En outre, lors de l’affichage local sur mon ordinateur, IE9 affiche la police, mais pas lorsqu’elle est totalement active. Le site est: bigwavedesign.co.uk/gcc/gcc/ Le code […]

Les fichiers de fonts ne sont pas chargés avec les bundles ASP.NET

Dans mon application ASP.NET MVC, j’utilise des bundles pour compresser des fichiers css et js. Le problème est que les fonts ne se chargent pas après l’activation du mode d’optimisation. BundleTable.EnableOptimizations = true; Voici le code C # public static void RegisterBundles(BundleCollection bundles) { RegisterStyles(bundles); BundleTable.EnableOptimizations = true; } private static void RegisterStyles(BundleCollection bundles) { […]

Helvetica Neue Light avec @ font-face .. légal?

Mon équipe et moi avons développé un site utilisant la police de caractères Helvetica Neue Light via @ font-face dans notre feuille de style. Nous sums curieux de savoir s’il est légal de le faire et à qui appartient cette police (si quelqu’un le fait?) Est-ce que quelqu’un sait comment nous pouvons trouver cela? Je […]

@ font-face src: local – Comment utiliser la police locale si l’utilisateur l’a déjà?

Quelle est la bonne façon d’utiliser @font-face pour que le navigateur ne télécharge pas la police si l’utilisateur l’a déjà? J’utilise @ font-face pour définir DejaVu, qui est déjà installé sur mon système (linux). Firefox ne télécharge pas la police, mais Chromium la télécharge à chaque fois! Mon code CSS, basé sur l’ écureuil de […]

Plusieurs poids de police, une requête @ font-face

Je dois importer la police Klavika et je l’ai reçue sous plusieurs formes et tailles: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Maintenant, j’aimerais savoir s’il est possible d’importer ces fichiers dans CSS avec une seule @font-face -query, où je définis le weight dans la requête. Je veux éviter de copier / coller la […]

@ font-face EOT ne se charge pas sur HTTPS

Résumé Je rencontre un problème en utilisant @ font-face sur HTTPS dans IE 7,8,9 – il ne fait tout simplement pas de chargement. Peu importe que la page HTML contenant soit hébergée sur HTTPS ou non, lorsque j’essaie de charger la police EOT sur HTTP, cela ne fonctionne pas . Quelqu’un a-t-il vu ce comportement? […]

Utilisez plusieurs fonts personnalisées en utilisant @ font-face?

Je suis sûr que je manque quelque chose de très simple. Vous utilisez une seule police personnalisée avec une police de caractères normale: @font-face { font-family: CustomFont; src: url(‘CustomFont.ttf’); } Tout fonctionne bien quand je l’utilise mais si je veux append une autre police personnalisée, que dois-je faire? J’ai essayé de séparer par une virgule […]

Utiliser plusieurs règles @ font-face en CSS

Comment puis-je utiliser plus de @font-face règle @font-face dans mon CSS? Je l’ai inséré dans ma feuille de style: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: ‘GestaRegular’, Arial, Helvetica, sans-serif; } @font-face { font-family: ‘GestaReFogular’; src: url(‘gestareg-webfont.eot’); src: local(‘☺’), url(‘gestareg-webfont.woff’) format(‘woff’), url(‘gestareg-webfont.ttf’) format(‘truetype’), url(‘gestareg-webfont.svg#webfontg8dbVmxj’) format(‘svg’); } Cela ne s’applique actuellement que pour l’ensemble […]

Les fonts IE8 CSS @ font-face ne fonctionnent que pour: avant le contenu sur et parfois lors de l’actualisation / de l’actualisation

MISE À JOUR: J’ai écrit un blog sur ce que j’ai appris sur ce problème. Je ne comprends toujours pas bien, mais j’espère que quelqu’un lira ceci et éclairera mon problème: http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 J’ai une page où j’utilise @ font-face pour importer une police personnalisée pour les icons. Les icons sont créées avec une classe: .icon […]

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’), […]