Comment utiliser des milliers de polices non sécurisées pour pimenter votre site Web

Publicité

Cela a déjà été mentionné, mais cela vaut la peine d'être répété: si vous ne voulez pas que vos sites Web / blogs ne soient qu'un autre visage dans la foule, vous devez vous démarquer des autres, et jouer avec le design est un moyen d'atteindre cette. Mais chaque concepteur Web sait trop bien que la typographie est un domaine où leurs mains sont à peu près liées.

Le lancement de Google Fonts apporte de l'air frais au monde de la typographie Web gratuite. Mais bien que Google nous fournisse de nombreuses polices gratuites, l'ajout n'est encore qu'un grain de poussière parmi des milliers (ou peut-être des millions?) De polices existantes.

Rencontrer Fonts.com, un service Web qui nous fournit des milliers de polices de page Web alternatives que nous pouvons utiliser pour notre conception de sites Web / blogs - et plus de 3 000 d'entre elles sont disponibles gratuitement.

Polices fines gratuites pour vous

Fonts.com nous est présenté par Monotype Imaging, un nom bien connu dans l'industrie des polices. Le nom de l'entreprise lui-même est une garantie que vous trouverez ici un vaste choix de polices. Mais avant de pouvoir utiliser le service Fonts.com, nous devons d'abord nous inscrire pour obtenir un compte gratuit.

Il existe trois systèmes de «tarification» disponibles avec diverses fonctionnalités, mais je pense personnellement que celui gratuit - avec plus de 3 000 choix de polices, utilisation illimitée de sites Web et polices par site, et 25 000 pages vues par mois - est plus que suffisant pour les blogueurs et les sites Web de tous les jours les propriétaires. L'offre gratuite est très généreuse étant donné que Typekit - un autre grand acteur dans le même domaine - limite ses utilisateurs avec une seule utilisation de site Web et deux polices par site.

Commencez par construire un projet: donnez-lui un nom et ajoutez les domaines avec lesquels vous souhaitez utiliser les polices. N'oubliez pas de sauvegarder le projet avant de continuer. Vous pouvez créer plusieurs projets à gérer, mais en raison de la limitation des pages vues, je vous suggère de créer un autre compte pour un autre projet si votre site Web pourrait attirer un trafic élevé.

L'étape suivante consiste à choisir les polices pour votre projet. Vous pouvez trier par classification, concepteur, fonderie ou support linguistique. Si vous connaissez le nom de la police, vous pouvez accéder directement au champ de recherche ou - si vous disposez de beaucoup de temps libre - vous pouvez parcourir toutes les polices de page Web disponibles par ordre alphabétique.

Mais avant de faire cela, il est préférable de consulter la liste des polices en vedette.

Les options de prise en charge de la langue seront très utiles si vous recherchez des polices prenant en charge des caractères non latins comme l'arabe ou le chinois.

L'ajout de polices à un projet est aussi simple que de cliquer sur le bouton "Ajouter au projet”À droite de la liste des polices. Si vous trouvez une police avec un gris "AméliorerBouton ", cela signifie que la police n'est disponible que pour les utilisateurs payants.

Après avoir ajouté les polices que vous aimez au projet, vous pouvez commencer à travailler sur votre feuille de style. Allez dans le "Sélecteurs", Saisissez un sélecteur et cliquez sur"Ajouter un sélecteur“. Répétez le processus pour les autres sélecteurs. Un peu de connaissance de HTML et CSS serait très utile ici, mais en utilisant la base "corps" et "h1" à "hx»(Changer le x avec n'importe quel nombre) fera l'affaire pour les débutants.

Choisissez ensuite une police dans la liste déroulante pour chaque sélecteur. Les polices disponibles sont celles que nous avons choisies précédemment. Un aperçu de l'utilisation de la police apparaîtra à droite de la liste.

La dernière étape consiste à publier votre projet. En cliquant sur le "PublierL'onglet "vous propose quatre options. Les débutants voudront s'en tenir à l'option 1.

Les options 3 et 4 ne sont disponibles que pour les utilisateurs payants.

Vous obtiendrez une ligne de code à appliquer sur votre site Web. Clique le "Sélectionnez le code”Et appuyez sur Commande + C (Mac) ou Ctrl + C (Windows) pour copier le code.

Passons maintenant à votre site Web pour appliquer le code.

Appliquer le code

Le code que vous obtenez doit être collé entre le "tête" Mots clés. Je suppose que si vous avez un site Web, vous devez savoir comment le faire. Cependant, pour l'auto-hébergé WordPress propriétaires de blog, il existe un moyen simple de le faire sans avoir à modifier de code.

Installez et activez un plugin WordPress appelé "Insérer des codes"Et collez le code de police dans le"En-tête de blog»Et enregistrez les modifications.

J'ai essayé cela sur mon blog WordPress auto-hébergé et tout a bien fonctionné. Les éléments sont apparus avec leur nouveau look.

La beauté de ce système est que si vous apportez des modifications à votre projet dans Fonts.com, les modifications seront automatiquement appliquées à vos sites Web sans que vous ayez à faire quoi que ce soit.

Donc, si vous cherchez des moyens gratuits et faciles de jouer avec la typographie Web, le service de Fonts.com serait votre meilleur pari. Personnellement, je pense que c'est encore mieux que le répertoire Google Font - du moins en raison du nombre de choix dont disposent les utilisateurs gratuits.

Vous bricolez avec la typographie web? Connaissez-vous d'autres alternatives? Veuillez partager vos pensées et opinions en utilisant les commentaires ci-dessous.