Dois-je considérer la police Helvetica comme une sécurisée pour le Web , cest-à-dire est-ce une source fiable à définir dans mon CSS qui sera accessible sur nimporte quel appareil?
Commentaires
- En quoi est-ce une question UX? Ne devrait-il pas ' être sur GraphicDesign.StackExchange ou quelque chose de similaire?
Réponse
Non seulement Helvetica nest pas sûre, mais cest aussi une police protégée par des droits dauteur , vous avez donc besoin dune licence pour lutiliser si vous la chargez en tant que police Web.
En fait, il ny a pas de polices Web 100% sûres , car cela dépendra sur les polices que lutilisateur a sur son appareil, et différents systèmes dexploitation ont des jeux de polices différents. Par conséquent, vous devez faire quelque chose comme ceci:
p{font-family:Arial, Helvetica, sans-serif}
Sinon, votre site sera visualisé avec la police par défaut que lutilisateur a définie, par exemple, Times New Roman .
Si vous voulez jouer en toute sécurité, je vous recommande cette ressource assez intéressante: CSS Font Stack . Vous pouvez y voir les polices « plus sûres » , le pourcentage dutilisation par OS et même le code à utiliser, y compris les alternatives alternatives
Commentaires
- désolé, mais UX ne concerne pas le hasard, mais le contrôle. Vous aimerez peut-être mieux parfois , mais cest purement subjectif comme vous le dites, et certainement pas quelque chose à recommander
- @Devin Je suis daccord. Tout en mentionnant la police en Css, elle doit être modifiée comme p {font-family: Helvetica, Arial, sans-serif}. La police principale devrait venir en premier si les parties prenantes préfèrent cette police et ensuite nous devons ajouter des polices système comme Arial n sansarif
- Pourquoi tous les commentaires sur les droits dauteur et le chargement des polices Web? La question porte sur les polices Web sécurisées qui (par définition) sont déjà présentes sur lappareil de lutilisateur final. La question nexprime aucun souhait de charger des polices Web.
- La pile de polices CSS est sympa mais elle ne montre que les polices installées sur les ordinateurs de bureau Windows et OS X.
- Quelques bonnes lectures sur Helvetica sous Windows. Lien
Réponse
Comme mentionné il nexiste pas de police Web sûre. Mais il existe un moyen de charger les polices manquantes de votre serveur en utilisant @ font-face . @ font-face a été introduit pour la première fois dans CSS2, inclut des types de fichiers de secours et est largement pris en charge . Ce ne serait pas une solution à 100%, mais ce serait plus prometteur que de dépendre de la sélection de police de la machine.
Premièrement, vous mettriez le fichier sur votre serveur en tant que fichier hébergé statique normal. Vous devrez peut-être configurer les types mime de votre serveur Web pour quil gère correctement le fichier et nessaie pas de le télécharger manuellement par le client.
Ensuite, vous implémenterez du code dans votre feuille de style qui ressemble à le suivant. Prenez note que ce ne sont que quelques-uns des formats possibles. Vous nêtes pas obligé de les utiliser tous. Mais si vous ne supprimez pas la référence au fichier pour éviter un retard inutile causé par la ressource manquante.
@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ }
Après quoi, vous attribueriez la police à votre élément. Si vous souhaitez essayer dutiliser votre version de lHelvetica, utilisez quelque chose comme:
font-family: "MyWebFont", Helvetica, sans-serif;
Si la police ne peut pas être chargée, elle tentera dutiliser la machine « s Helvetica et si cela échoue, il tentera de charger sans empattement. De plus, vous pouvez échanger votre police et la police de la machine. Mais cela ne sauvera pas votre bande passante car il chargera toujours vos polices une fois quil chargera la feuille de style.
Dernier point mais le plus important, Helvetica nest pas une police gratuite. Vous devrez acheter une licence pour son utilisation. Linotype vous vendra les polices Web nécessaires et la licence de son site Web. La tarification est basée sur les pages vues. Mais une fois acheté, il est tout à fait légal de lintégrer à votre page Web ou application Web.
Réponse
être accessible sur nimporte quel appareil
Il ny a vraiment rien de tel que « disponible sur nimporte quel appareil ».
Si vous nutilisez pas de polices incorporées, vous devez utiliser une pile de polices, vous avez donc quelques options de sauvegarde au cas où la première ne serait pas disponible.
Réponse
Helvetica ne fait partie daucun jeu de polices par défaut de Windows, donc les utilisateurs de Windows sont susceptibles de voir une autre police secondaire. Si cela ne vous concerne pas, utilisez Helvetica.
Commentaires
- La police Arial est standard sur toutes les versions de Windows (depuis la v3.1) et présente essentiellement les mêmes caractéristiques de mise en page; Lutilisation dArial comme solution de secours pour Helvetica donnera donc sensiblement le même aspect et la même sensation (avec des excuses dues aux passionnés de polices qui connaissent et se soucient des différences). Voir en.wikipedia.org/wiki/Arial
- Windows n’est pas le seul système d’exploitation, don ' t oublier tout le monde. Dautres nont peut-être pas Arial.
- Arial nest pas présent par défaut dans de nombreuses distributions Linux, par exemple.