Aujourd'hui, nous avons un avant-goût exclusif en avant-première dans un nouveau choix excitant pour l'utilisation de différentes polices sur le Web.
Ci-dessous, nous verrons brièvement en quoi consiste FontDeck et à quel point il est facile de configurer votre site. Commençons!
Qu'est-ce que FontDeck?
FontDeck est une autre entrée dans la tentation de sites utilisant le sélecteur CSS @ font-face pour vous permettre d'intégrer facilement des polices attrayantes et sécurisées pour le Web dans vos sites.
FontDeck utilise du CSS pur pour accomplir sa magie afin que vous n'ayez pas à vous soucier de JavaScript, de Flash ou de toute autre technologie supplémentaire comme avec TypeKit et quelques autres.
Malheureusement, FontDeck est dans un état si précoce que je ne peux pas vous en montrer trop, car les polices actuelles du système sont sujettes à modification. Donc, pardonnez tout flou sélectif car il s'agit d'un contenu qui n'est pas encore définitif.
Configuration et sélection de police
Avec FontDeck, il est extrêmement facile de mettre en place des polices attrayantes sur votre site en un rien de temps. Vous trouverez ci-dessous le processus de base consistant à tout mettre en place.
S'inscrire à FontDeck est aussi simple que de taper votre adresse email et d’attribuer un domaine. Une fois cette étape terminée, vous êtes prêt à parcourir les polices.
FontDeck vous propose plusieurs méthodes pour parcourir et rechercher des polices. Le premier est la possibilité d'afficher par style. Les catégories actuelles sont Serif, Sans Serif, Slab Serif, Script, Blackletter, Display, Symbol et Non-latin.
De plus, vous pouvez entrer une chaîne de recherche ou parcourir par fonderie, concepteur ou tag.
Activer et installer des polices
Une fois que vous avez trouvé une police que vous aimez, cliquez simplement sur le bouton Activer et sélectionnez le site sur lequel vous souhaitez installer la police.
Vous allez maintenant recevoir deux extraits de code qui vous permettront d'implémenter la police sur votre site. Le premier est un simple lien de feuille de style (ex: lien rel =? stylesheet? href =? http: //?) à coller dans la partie en-tête de votre code HTML.
Le deuxième extrait est une famille de polices CSS que vous pouvez coller dans vos feuilles de style où vous voulez que la police FontDeck apparaisse (ex: font-family:? Nom de la police ?, sans-serif; poids de police: gras; style de police: normal; }).
Comme vous pouvez le constater, le code CSS de la famille de polices est identique à celui que vous utiliseriez normalement. vous n'avez même pas besoin d'utiliser @ font-face. En effet, le code @ font-face est généré automatiquement dans la feuille de style externe à laquelle vous créez un lien dans l'en-tête. Vous pouvez même insérer des noms de police FontDeck dans des familles de polices existantes que vous avez déjà configurées, ce qui vous donne un contrôle total sur les scénarios de secours.
Licence
Chaque police que vous installez sera initialement activée dans le mode d'utilisation limitée. Le mode d'utilisation limitée signifie que vous pouvez utiliser la police gratuitement, mais celle-ci ne sera visible que pour les visiteurs à partir de 20 adresses IP uniques. Ceci est parfait pour les tests et la conception afin que vous puissiez avoir une idée de ce à quoi une police ressemblera sur votre site avant de l'acheter.
Lorsque vous décidez que vous aimez une police particulière, vous pouvez choisir d'acheter cette police spécifique pour une utilisation sur le site que vous avez enregistré.
Pensées de clôture
Après avoir essayé quelques autres solutions similaires, FontDeck est l’un des systèmes les plus simples développés jusqu’à présent pour l’intégration de polices haut de gamme dans des pages Web. En toute honnêteté, vous avez probablement pris beaucoup plus de temps pour lire cet article que pour sélectionner une police et récupérer le code de votre conception à l'aide de FontDeck.
Des solutions telles que FontDeck, espérons-le, laissent présager un avenir brillant et sans tracas pour la typographie avancée sur le Web. Pour le moment, elle est encore en version bêta privée, mais nous vous tiendrons au courant des nouveautés et vous informerons de son lancement.