L'utilisation de plusieurs polices personnalisées à l'aide de @font-face?
Je suis sûr que je suis absent quelque chose de vraiment simple. Été à l'aide d'une seule police personnalisée avec la normale face à la police:
@font-face {
font-family: CustomFont;
src: url('CustomFont.ttf');
}
Tout fonctionne très bien lorsque je l'utilise, mais si je veux ajouter une autre police personnalisée que dois-je faire? J'ai essayé de séparer par des virgules de la prochaine ou l'ajout d'une toute autre face à la police, mais ne peut pas obtenir la seconde police de travail.
Vous devez vous connecter pour publier un commentaire.
Vous suffit d'ajouter un autre
@font-face
règle:Si votre seconde police ne fonctionne toujours pas, assurez-vous que vous êtes l'orthographe de son nom de la police et son nom de fichier correctement, votre navigateur met en cache sont de se comporter, de votre OS n'est pas de déconner avec une police du même nom, etc.
Si vous rencontrez un problème avec la police de travail, j'ai également eu dans le passé et la question que j'ai trouvé était en baisse à la font-family: nom. Cela devait correspondre à ce que le nom de la police a été effectivement donné.
La façon la plus simple que j'ai trouvé pour le savoir était d'installer la police et voir quelles afficher le nom est donné.
Par exemple, j'ai été en utilisant Gill Sans sur un projet, mais la police a été appelée Gill Sans MT. L'espacement et la capitlisation était également important pour obtenir le droit.
Espère que ça aide.
Découvrez fontsquirrel. Ils ont un site web générateur de polices, qui sera également cracher une feuille de style adaptée pour votre police (cherchez "@font-face kit"). Cette feuille de style peut être inclus dans votre propre, ou vous pouvez l'utiliser comme un modèle.
Vous pouvez utiliser plusieurs polices assez facilement. Ci-dessous est un exemple de la façon dont je l'ai utilisé dans le passé:
Il est intéressant de noter que les polices de caractères peuvent être drôles à travers les différents Navigateurs. Face à la police sur les anciens navigateurs fonctionne, mais vous devez utiliser eot fichiers à la place de la ttf.
C'est pourquoi j'ai inclus mes polices dans l'en-tête du fichier html que je peux ensuite utiliser conditionnelle IE tags eot ou des fichiers ttf en conséquence.
Si vous avez besoin de convertir ttf à l'eot pour cela, il existe un excellent site vous pouvez le faire gratuitement en ligne, qui peut être trouvé à http://ttf2eot.sebastiankippe.com/.
Espère que ça aide.
J'utilise cette méthode dans mon fichier css