Je suis récemment tombé sur a web page using the font “ff-tisa-web-pro-1” (spécifié dans leur fichier CSS).Polices non standard dans le web?
Comment cela fonctionne-t-il? Je n'ai définitivement pas cette police sur mon ordinateur, pourtant elle était affichée.
Vous pouvez utiliser CSS pour incorporer des polices dans des pages Web.
Vous voulez vous éloigner des polices 'Web Safe' pour des en-têtes attractifs ET le faire sans utiliser d'image? Utilisez CSS 3 et intégrez une police-face!
Wow c'est un vieil article :) Glad Netscape Navigator est sur la balle – zildjohn01
Je préfère avoir IE6 que netscape ... –
Modifié pour créer un lien vers un article plus récent. – Gelatin
Comme Simon l'a souligné, le CSS @ déclaration font-face peuvent être utilisés pour mettre en œuvre les polices traditionnellement non sécurisées pour le Web sur votre site. Si vous voulez essayer vous-même, vérifiez définitivement le désormais célèbre bulletproof font face implementation de Paul Irish, qui est lié à FontSquirrel's font file generator. Il est maintenant pris en charge par les navigateurs croisés avec la bonne implémentation, mais avec la plupart des polices, vous devrez gérer les licences, et le rendu cohérent reste un problème. Le site que vous avez interrogé utilise Typekit, l'un des nombreux nouveaux services qui hébergeront et serviront les fichiers de polices pour vous (moyennant des frais), et vous offre une implémentation facile qui masque les complications de @ font-face. Le Font API de Google est similaire, bien qu'il soit gratuit et héberge/serve uniquement une petite sélection de polices gratuites.
En outre, les techniques alternatives non natives pour l'incorporation de polices existent depuis un certain temps (bien qu'elles ne soient pas indiquées dans le CSS), voir cufon et sIFR.
C'est une bonne lecture. Merci pour les liens! – GalacticCowboy
Voici un exemple de page avec laquelle je jouais récemment pour voir les formules mathématiques dans Firefox. La partie qui vous intéresse le plus (probablement) est la déclaration css @font-face en haut, et la style="font-family: DejaVu Serif Web;" affectée aux étiquettes <div> et <math>.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>mathy fonts test</title>
<style type="text/css">
@font-face {
font-family: DejaVu Serif Web;
src: url(/fonts/DejaVu/ttf/DejaVuSerif.ttf) format("truetype");
}
</style>
</head>
<body>
<h1>DejaVu Serif</h1>
<div style="font-family: DejaVu Serif Web;">
<p>
Nulla eu commodo neque. Donec nec nisi libero. Integer sollicitudin leo
vel arcu elementum mattis. Vivamus eu sodales odio. Curabitur eu auctor
leo. Pellentesque adipiscing nulla iaculis ante commodo aliquet. Donec
egestas tincidunt tincidunt. Nunc ut condimentum orci. Aenean in egestas
tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Curabitur suscipit, sapien ut dignissim
pellentesque, lacus risus facilisis odio, et tristique nunc quam et
mauris. Quisque pellentesque nulla et dui bibendum suscipit. Aenean
consectetur adipiscing nulla, a molestie nunc semper non. Quisque at
ipsum quis turpis gravida commodo et vel felis. Integer lobortis augue
eu tortor aliquet nec mattis nulla aliquam. Sed ornare cursus urna et
congue.
</p>
<p>
<math style="font-family: DejaVu Serif Web;" mode="display" xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mi>x</mi>
<mo>=</mo>
<mfrac>
<mrow>
<mo form="prefix">−<!-- − --></mo>
<mi>b</mi>
<mo>±<!-- ± --></mo>
<msqrt>
<msup>
<mi>b</mi>
<mn>2</mn>
</msup>
<mo>−<!-- − --></mo>
<mn>4</mn>
<mo>⁢<!-- ⁢ --></mo>
<mi>a</mi>
<mo>⁢<!-- ⁢ --></mo>
<mi>c</mi>
</msqrt>
</mrow>
<mrow>
<mn>2</mn>
<mo>⁢<!-- ⁢ --></mo>
<mi>a</mi>
</mrow>
</mfrac>
</mrow>
</math>
</p>
</div>
</body>
</html>
Si l'affichage localement, il doit être enregistré comme xhtml, non seulement .html, ce qui m'a un peu. Ceci est, bien sûr, lié aux choses mathématiques, pas à la police, donc c'est seulement une note si vous essayez d'utiliser ce code entier.
Il y a une bonne liste de polices que vous pouvez (légalement) embed dans votre document here.
Typekit offre également un moyen astucieux d'incorporer des polices qui nécessitent des accords de licence avec des fonderies de type. Ils offrent actuellement la possibilité d'utiliser une police (de votre choix) gratuitement.
La liaison de polices a été dans les navigateurs depuis un certain temps; le problème était de savoir quel format vous pouviez utiliser. Microsoft, bien sûr, a soutenu un format de police propriétaire, et Mozilla ne l'a pas fait. soupir
Vous ne savez pas comment cela fonctionne avec le côté légal des choses, mais le générateur FontSquirrel inclut un indicateur qui altère la police de telle sorte qu'elle ne peut pas être installée ou utilisée comme police de bureau. Bien sûr, ils exigent encore que vous affirmiez que vous avez le droit de distribuer la police ... – GalacticCowboy
Google Font Directory est une ressource intéressante pour comprendre les polices Web de direction se déplacent dans:
Google a récemment publié Font API, il pourrait être utile pour vous.
Si vous voulez plus de devinettes, vous devez nous donner votre navigateur (et version) et le site web. –
URL: http://cykod.com/blog/ –