web-dev-qa-db-fra.com

Quelles sont les polices Web sécurisées et existe-t-il un problème autour de ce problème?

Comment choisissez-vous une police à la fois esthétique et compatible navigateur/système d'exploitation? J'aime Helvetica, mais de nombreux sites Web affirment que 90% des utilisateurs de Windows ne l'ont pas installé.

Quelles sont les polices Web sécurisées et y a-t-il un moyen de contourner cet obstacle?

htmlcsswebsite-designfonts
1
Dat8StringGuy

Vous pouvez littéralement utiliser n'importe quelle police de votre choix, que la police soit installée ou non sur leur système d'exploitation. Ceci est fait en utilisant CSS @ font-face qui informe le navigateur de l'utilisateur de télécharger la police sur son appareil. Toutefois, la police doit être utilisée sous plusieurs formats de police Web compatibles, car différents systèmes d'exploitation utilisent des formats différents. Cela peut être facilement fait en utilisant n'importe quel logiciel décent en ligne générateur de webfont .

Formats de police Web:

Problèmes de licence

Le principal problème en matière de desserte de polices n’est pas la technologie mais plus encore, car la licence de la police ne permet pas une utilisation gratuite sur le Web, même si vous avez reçu la police gratuitement avec votre système d’exploitation ou votre application. Vous pouvez toutefois acheter une licence d'utilisation Web pour la plupart des polices.

Comment les gens surmontent-ils le problème de la licence?

De nos jours, la plupart des sites Web utilisent des polices en ligne fournies par Google Fonts car elles sont gratuites aussi bien pour une utilisation personnelle que commerciale. Vous pouvez trouver de nombreux autres fournisseurs de polices ouverts à l'aide de la recherche Google ou opter pour un service payant d'Adobe appelé TypeKit .

Helvetica Alternative

Il existe de nombreuses polices alternatives Helvetica similaires, telles que Google Open San . En utilisant CSS, vous pouvez réellement utiliser Arial sur des machines Windows et Helvetica sur des machines MacOS en mettant Helvetica en premier dans la famille de polices.

Liste des polices système sur Mac/Windows

Notez que les appareils mobiles utilisent souvent des systèmes d'exploitation différents des ordinateurs de bureau et des ordinateurs portables, tels qu'Android, BlackBerry, etc., ce qui rend les services tels que TypeKit ou Google Fonts plus attrayants, car ils résolvent ce problème. Vous trouverez ci-dessous une liste des polices système installées sous Windows et MacOS.

Statistiques de la pile de polices CSS

  • Arial - Victoire: 99,84% | Mac: 98,74%
  • Arial Black - Victoire: 98.08% | Mac: 96,22%
  • Arial Narrow - Victoire: 88.39% | Mac: 94,77%
  • Arial Arrondi MT Bold - Victoire: 59.53% | Mac: 95,14%
  • Avant Garde - Gagnant: 0% | Mac: 1,08%
  • Calibri - Victoire: 83.41% | Mac: 38,74%
  • Candara - Victoire: 83.08% | Mac: 34,41%
  • Century Gothic - Victoire: 87.62% | Mac: 53,15%
  • Franklin Gothic Medium - Victoire: 99,18% | Mac: 2,1%
  • Futura - Victoire: 1.26% | Mac: 94,41%
  • Genève - Victoire: 2,08% | Mac: 99,64%
  • Gill Sans - Victoire: 58.54% | Mac: 95,5%
  • Helvetica - Victoire: 7,34% | Mac: 100%
  • Impact - Victoire: 0% | Mac: 95,14%
  • Lucida Grande - Victoire: 0% | Mac: 100%
  • Optima - Victoire: 2.52% | Mac: 93,69%
  • Segoe UI - Victoire: 75.36% | Mac: 0%
  • Tahoma - Victoire: 99,95% | Mac: 91,71%
  • Trébuchet MS - Victoire: 99,67% | Mac: 97,12%
  • Verdana - Victoire: 99,84% | Mac: 99,1%
  • Serif - Big Caslon - Victoire: 0% | Mac: 92,61%
  • Bodoni MT - Victoire: 55.81% | Mac: 0%
  • Livre Antiqua - Victoire: 86.09% | Mac: 49,01%
  • Calisto MT - Victoire: 58.43% | Mac: 46,31%
  • Cambria - Victoire: 83.35% | Mac: 35,32%
  • Didot - Gagnant: 0% | Mac: 93,51%
  • Garamond - Victoire: 86.47% | Mac: 49,91%
  • Géorgie - Victoire: 99,4% | Mac: 97,48%
  • Goudy Old Style - Victoire: 58.11% | Mac: 47,57%
  • Hoefler Text - Victoire: 0.99% | Mac: 92,61%
  • Lucida Bright - Victoire: 76.12% | Mac: 99,64%
  • Palatino - Victoire: 99.29% | Mac: 86,13%
  • Perpetua - Victoire: 66.54% | Mac: 0%
  • Rockwell - Victoire: 65,94% | Mac: 0%
  • Rockwell Extra Bold - Victoire: 66.1% | Mac: 0%
  • Baskerville - Victoire: 60.35% | Mac: 93,33%
  • Times New Roman - Victoire: 99.67% | Mac: 97,48%
  • Consolas monospaces - Victoire: 82,97% | Mac: 34,77%
  • Courrier New - Victoire: 99.73% | Mac: 95,68%
  • Console Lucida - Victoire: 99.18% | Mac: 0%
  • Machine à écrire Lucida Sans - Victoire: 74.81% | Mac: 99,64%
  • Monaco - Victoire: 2,74% | Mac: 99,82%
  • Andale Mono - Victoire: 4,16% | Mac: 94,59%
  • Copperplate Fantasy - Victoire: 66.87% | Mac: 92,61%
  • Papyrus - Victoire: 70,37% | Mac: 92,43%
  • Brush Script MT - Win: 59.64% | Mac: 90,99%
4
Simon Hayter