Quelle police de caractère adap­ta­tive choisir sur le Web ?

Le Web offre un large choix de polices de ca­rac­tères per­met­tant un affichage optimal, quel que soit le support  et la taille de l’écran utilisé. De cette manière, on dit d’une police de ca­rac­tères qu’elle est conforme aux normes du res­pon­sive Web design, c’est-à-dire adap­ta­tive. La deuxième partie du Digital Guide IONOS a démontré comment mettre en place une police de ca­rac­tères adap­ta­tive, qui s’adapte donc à dif­fé­rentes tailles d’écran. Cette troisième partie vise désormais à expliquer où trouver ces polices de ca­rac­tères adap­ta­tives et comment les utiliser de manière ap­pro­priée.

Les polices de ca­rac­tères adap­ta­tives ont été créées à partir de grilles fluides adap­tables et conformes aux normes du Res­pon­sive Web design car elles sont librement mo­du­lables. Lorsqu’une page contenant des polices de ca­rac­tères est chargée, celles-ci sont té­lé­char­gées par un serveur et affichées par la suite sur le na­vi­ga­teur de l’in­ter­naute. Ces polices de ca­rac­tères adap­ta­tives réa­gis­sent aux exigences du na­vi­ga­teur et à la taille de l’écran d’affichage. Plusieurs pla­te­formes mettent à dis­po­si­tion leurs polices de ca­rac­tères adap­ta­tives sur le Web. Parmi les sites payants, vous trouverez Typekit ou Fonts­pring qui proposent un large choix de familles de polices de ca­rac­tères po­pu­laires, dont de nom­breuses qui font partie des grands clas­siques de la ty­po­gra­phie. En matière de polices de caractère adap­ta­tives gratuites, l’offre est toute aussi large. Par exemple, sur le site de Google Fonts, Adobe Edge Web Fonts, Font Squirrel ou encore DaFont. Néanmoins, toutes polices de ca­rac­tères adap­ta­tives proposées ne sont pas forcément adaptées à un usage général. Certaines sont trop en­fan­tines ou ori­gi­nales et sont donc à éviter ou à utiliser de manière spé­ci­fique. D’un autre côté, il se peut que certaines polices d’écriture ne com­por­tent pas tous les ca­rac­tères spéciaux voulus, il est donc important de prendre en compte le fait que l’offre de ca­rac­tères dis­po­nibles varie gran­de­ment. Veillez donc à en choisir une qui est adap­ta­tive et à ce que celle-ci comporte tous les ca­rac­tères spéciaux né­ces­saires à votre langue d’écriture. Nous vous pré­sen­tons dans la suite de l’article quelques polices de ca­rac­tères adap­ta­tives de Google et comment les installer.

La pla­te­forme Google Fonts, en ligne depuis 2010, est une source utilisée fré­quem­ment par les designers Web pour les polices de ca­rac­tères adap­ta­tives. Dès le départ, cette pla­te­forme a mis en ligne plus de 700 fontes gratuites et variées qui peuvent également être utilisées tant à des fins com­mer­ciales que privées. Toutes ces polices de caractère adap­ta­tives sont dis­po­nibles pour le té­lé­char­ge­ment et vous pouvez les intégrer à votre site via un code.

De nom­breuses polices de ca­rac­tères adap­ta­tives pour votre site en Res­pon­sive Web design sont dis­po­nibles en ligne. En tant que Web designer, vous pouvez fa­ci­le­ment utiliser des polices d’écriture de Google Fonts telles qu’Adobe Edge Web Fonts ou Font Squirrel entre autres. Vous devriez tout de même être averti du fait que les polices très ap­pré­ciées, telles que « Open Sans », « Roboto » ou encore « Lato » sont très largement répandues le Web. Vous aurez donc à mettre en place un budget con­sé­quent si vous désirez utiliser une police de caractère par­ti­cu­lière ou unique (par exemple celle d’une en­tre­prise, la « police maison »). Mais les polices de ca­rac­tères gratuites vous offrent beaucoup de libertés dans le cadre d’un projet en Res­pon­sive Web design. De plus, leur in­té­gra­tion sur votre site Web s’effectue ra­pi­de­ment, et vos visiteurs peuvent ra­pi­de­ment en profiter.