Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Muse CC 2015

Utiliser Typekit et les polices web

Testez gratuitement nos 1340 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez comment utiliser les polices web dans Muse. Voyez plus particulièrement comment tirer parti des polices Typekit.

Transcription

Les polices web sont donc des polices de caractères qui sont hébergées sur internet, l'idée est assez simple il s'agit de permettre à l'internaute de télécharger les polices de caractères dont il aura besoin pour afficher votre site comme vous l'avez conçu. Tout cela est géré automatiquement par le navigateur de l'internaute celui-ci n'a donc aucune démarche proactive à réaliser pour télécharger ou installer ces polices de caractères sur son ordinateur préalablement à la visite de votre site. Pour profiter des polices web dans Muse, et bien je vais sélectionner tout simplement le texte auquel je veux associer cette police, me rendre dans le panneau texte ici sur le côté, et dérouler de nouveau la liste des polices de caractères. Alors je vais remonter un petit peu dans cette liste pour afficher les polices web qui sont ici, et cliquer sur ce gros bouton Ajouter des polices web. Alors j'ai une excellente nouvelle pour vous, la nouvelle est la suivante, Muse est un produit Adobe, et Adobe a pensé à vous en termes de police web, effectivement vous avez un service associé à votre souscription Creative Cloud qui s'appelle Typekit, et Typekit qu'est-ce que c'est? Et bien c'est une liste de police de caractères hébergées sur les serveurs Adobe et dont vous pouvez profiter non seulement dans Muse mais aussi dans d'autres services Adobe comme Illustrator, Photoshop, In Design etc. Si vous n'avez pas accès à ce service Typekit vous pouvez toujours vous rabattre sur sa version light, le service Edge Web Fonts qui est donc une version allégée de Typekit, une version gratuite également de Typekit mais avec moins de polices de caractères à disposition et puis aussi vous avez la possibilité d'utiliser des polices auto-hébergées, c'est à dire ici d'aller rechercher les fichiers de polices de caractère directement sur votre ordinateur et de les héberger dans votre site via cette interface. Alors je vais pour ma part utiliser des polices Typekit comment faire son choix maintenant parmi toutes les polices qui nous sont proposées, et bien vous pouvez tout simplement les faire défiler et faire votre petit marché comme ça, mais comme il y a beaucoup de polices de caractères il y a aussi un système de filtres qui est en place ici, je peux par exemple choisir ici des polices sans serif recommandées pour les titres par exemple, avec d'autre propriétés possibles ici dans le fond et puis il reste ici dans la liste uniquement les propriétés qui répondent à ce filtre et donc maintenant vous avez une liste restreinte dans laquelle faire votre petit marché et choisir la police que vous désirez utiliser. Alors pour ma part, j'ai déjà été sélectionner des polices pour vous, je vais donc retirer les filtres qui sont ici, et dans le champ de moteur de recherche qui se trouve ici au-dessus, et bien je vais taper directement le nom de la police que je recherche, il s'agit de la police Sketch Note, la voici, sketch Note Text je vais donc la sélectionner, je peux cliquer sur le nom de la police pour avoir une vue plus particulière sur cette police là et puis surtout quand je reviens sur toutes les polices et sur Police Sélectionner, je vois que j'ai Sélectionner une première police qui s'appelle ici Sketch Note Text. Alors je vais revenir sur toutes les polices, partir à la recherche de la seconde police que j'ai envie d'utiliser, qui s'appelle Ingra Wide qui est également une police Typekit, alors je vais sélectionner également cette police, voila, retirer les mots clé de mon champ de recherche pour aller vérifier dans la zone Police sélectionnée que j'ai bien sélectionné les deux polices Ingra Wide et Sketch Note Text donc. Il me reste à cliquer sur ok, Muse va télécharger cette police, l'installer sur mon ordinateur, et donc ces deux polices web vont maintenant être disponible ici dans la catégorie Polices web de cette liste, voila je vais prendre ma police SketchNote Text qui existe vous voyez en 3 versions, je vais prendre SketchNote Text Regular ici, et me voici avec une police web utilisée dans Muse, alors au moment où vous aller publier votre site, et bien Muse va tout simplement ajouter un petit code CSS et Java script pour tout simplement aller se connecter au serveur Typekit, au serveur Adobe pour avoir cette police à disposition, et l'utiliser pour afficher le site.

L'essentiel de Muse CC 2015

Créez des sites web riches et dynamiques sans aucune compétence en programmation avec Muse. Gérez les plans et les calques, mettez en place une navigation entre vos pages, etc.

3h50 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :21 juil. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !