Puis-je utiliser "Arial Rounded MT "Gras" avec css?
Puis-je utiliser "Arial Rounded MT Bold" avec css?
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
Rien n'a changé quand j'ai mis:
font-family:Arial, Helvetica, sans-serif;
Google Fonts a Nunito, de Vernon Adams:
http://www.google.com/webfonts/family?family=Nunito
C'est gentil et arrondi; en quelque sorte me rappelle ce qu'ils utilisent sur Glitch.
Il est difficile de savoir sans plus d'informations de la part de l'OP, mais j'ai constaté les mêmes symptômes dus à la fonctionnalité d'accélération matérielle de Firefox. Il a été connu pour causer plusieurs problèmes avec rendu de la police . Une de celles que j'ai observées ne permet pas de restituer une police non standard (telle que "Arial MT Rounded Bold") alors qu'elle est présente sur l'ordinateur client.
Par exemple, cette page ...
<html>
<head>
<style type="text/css">
body { font-family: "Arial Rounded MT Bold"; font-size: 30px; }
</style>
</head>
<body>
This can be really annoying.
</body>
</html>
Lorsqu'elles sont visualisées dans IE, Chrome ou FF avec l'accélération matérielle désactivée, la police apparaît correctement, comme ceci ...
Mais lorsqu'il est visualisé dans FF avec l'accélération matérielle activée, le navigateur ne parvient pas à "trouver" la police spécifiée, il en prend une autre par défaut, comme ceci ...
Il y a eu des problèmes avec cette "fonctionnalité" de FF depuis la version 4.
La meilleure solution est probablement d’utiliser une police différente (standard) ou (comme le suggère Kent) de trouver une police Web similaire qui fonctionnera dans tous les navigateurs modernes. Alternativement, comme de nombreux problèmes de polices, le problème peut être atténué en fournissant une liste de familles de polices à utiliser comme solutions de remplacement.
J'ai déjà vu une alternative à la police Google suggérée depuis 2011, ce qui est un très bon accord, mais la police comporte quelques parties fines qui ne sont pas identiques à Arial Rounded MT Bold.
Pour les personnes qui recherchent encore une alternative, je pense que celle-ci convient mieux; son appelé Varela Round par Joe Prince:
Je voudrais également le définir dans font-weight: bold; pour une correspondance plus précise.
Pour utiliser des polices personnalisées offrant une bonne compatibilité entre navigateurs, consultez FontSquirrel . Ils généreront le code CSS correct pour que les polices personnalisées fonctionnent avec plusieurs navigateurs. Regardez autour de leur site pour Rounded MT Bold ou tout ce que vous voulez :-) De plus, si vous voulez plus de polices, regardez http://www.fontex.org/
Il vaut la peine de noter que, par défaut, Linux n’est pas fourni avec Arial, il ne faut donc pas compter sur une police présente sur l’ordinateur des utilisateurs. Au lieu de cela, ils doivent télécharger les fichiers (si la licence le permet), les héberger sur leur site et les lier à l'aide de @ font-face.
Google Fonts est également une possibilité. Il y a beaucoup de polices différentes mais je ne sais pas s'il existe exactement Arial Rounded MT Bold.
Vous ne pouvez utiliser que des polices installées sur l'ordinateur client! Il est donc inutile de les mentionner dans la famille de polices css si la police n’est pas installée. Pour cela, Google Fonts et d'autres utilisateurs apportent la fonctionnalité ... afin que chaque fois que vous utilisez une police autre que "Times", "Arial" ou "Verdana", qui sont installés sur presque tous les ordinateurs, vous devez penser à une alternative css
Cela pourrait ne pas apparaître en raison de la compatibilité du système - vous pouvez vérifier la compatibilité de Arial Rounded MT Gras sur la pile de polices CSS. Il y a 59,53% sur Windows et 95,14% sur Mac. https://www.cssfontstack.com/Arial-Rounded-MT-Bold
Il y a de fortes chances que - si rien ne change (sur le rendu de la page Web par votre navigateur local) lorsque vous modifiez la pile de polices - que vous ne disposiez pas d'Arial MT Rounded Bold sur votre ordinateur. Une façon de tester cela consiste à utiliser Firebug, à 'inspecter un élément' pour le titre (ou la police à laquelle la police est appliquée), et à modifier la liste des familles de polices dans le volet droit de Firebug. (Habituellement, je trouve simplement la police nommée et ajoute un espace dans son nom, ce qui "rompt" l'appel de la police appropriée et le navigateur passe ensuite à la police suivante de la pile.)
Vous pouvez également utiliser la police Web Nunito de Google (comme recommandé par Kent Brewster il y a quelques minutes) ou configurer une police police de caractères sur votre propre serveur, en fournissant l'une des polices arrondies (RockoFLF Bold, FF Din Rounded, Nunito et Arial MT arrondis en gras sont toutes les options). (Techniquement, selon le commentaire de Kent, Glitch utilise RockoFLF, avec Arial MT Rounded Bold comme deuxième police de la pile. Au moins, c’était ce qu’ils faisaient il ya quelques mois lorsque j'ai examiné leur code. .. Oh ... viens de vérifier à nouveau, et ils ont éliminé le Arial MT Rounded Bold de la pile. Ils appellent RockoFLF avec une police incorporée.)
Quoi qu'il en soit, comme l'a noté Kent Brewster, je pense que votre meilleur choix est d'utiliser "Nunito" de Google Web Fonts, si vous n'êtes pas sûr que ce sera sur les ordinateurs de vos utilisateurs (ou même sur les vôtres).