Comment utiliser des polices personnalisées à partir du web fonts site de Google dans Dreamweaver
Une des façons les plus faciles à utiliser Dreamweaver pour ajouter des polices personnalisées pour votre site est offert par Google. Google Web Fonts propose une collection limitée de polices mais vous pouvez utiliser toutes leurs polices gratuitement. Suivez ces étapes pour ajouter l'une des polices à partir du site Google Web Fonts à vos pages:
Ouvrez un navigateur Web et visiter Web Fonts site de Google.
Faites une recherche parmi les polices disponibles sur le site en sélectionnant le type et le style de police que vous cherchez.
Pour affiner votre recherche, utiliser des filtres (dans la colonne de gauche). Vous pouvez modifier le texte qui est affiché dans chaque police en modifiant le champ Texte de prévisualisation en haut de l'écran.
Trouver une police que vous voulez, puis cliquez sur le bouton bleu Ajouter à la collection dans le coin inférieur droit, juste en dessous de chaque nom de police.
Cliquez sur les cases à cocher à côté de chacun des styles de police que vous souhaitez utiliser sur votre page web.
La plupart des polices dans le Google Font Directory ont un seul style. Bien que vous pourriez être tenté de choisir tous les styles, il est préférable de ne sélectionner que celles que vous utilisez. Comme avertit Google, les styles plus de polices que vous choisissez, plus il faudra pour télécharger votre page Web.
Faites défiler la page et sélectionnez l'option latine (pour l'anglais).
Si vous avez besoin des caractères supplémentaires pour une autre langue, sélectionnez l'option Extended latine à la place.
Faites défiler la page plus bas à la boîte bleue avec trois Onglets- cliquez sur le premier onglet de lier la police à votre site Web.
Google propose trois options: Standard,import, et javascript. Vous trouverez des descriptions détaillées de tous les trois sur le site de Google.
7. Copiez le lien du champ onglet Standard sur Google comme vous le feriez copier tout autre texte ou un code à partir d'une page Web.
Dans Dreamweaver, collez le lien dans la zone de la tête de votre page web ouverte entre le et à proximité balises.
Retour à la Web Fonts site Google et au bas de la page, copier le nom de la famille de polices.
Vous pouvez trouver le nom de la famille de la police dans l'Intégrer les polices de caractères dans votre zone de CSS.
Dans la définition de votre style, vous devez inclure le nom de la police exactement comme Google l'écrit. Copier-coller est la meilleure façon de vous assurer que le nom de la police correspond.
Dans Dreamweaver, collez le nom de la famille de la police dans la règle CSS où vous voulez utiliser la police.
Appliquer la règle au texte dans votre page web.
Si vous utilisez la police dans un style de sélecteur de Tag, comme le tag, lorsque vous appliquez la balise au texte, la police sera appliquée automatiquement dans le cadre de la règle. Si vous utilisez la police dans un style de classe ou ID, le style doit ensuite être appliqué à une balise qui entoure le texte, comme un
tag ou d'un tag.
Publier la page sur un serveur Web, puis aperçu de la page dans un navigateur web pour voir la police.
Notez que lorsque vous utilisez Google Web Fonts, vous ne pouvez pas voir la police affichée dans Dreamweaver, même si vous utilisez l'option Live View. Pour veiller à ce que la police fonctionne sur votre page, vous pouvez avoir besoin de transférer la page sur un serveur Web utilisant le protocole FTP et de prévisualiser la page après qu'il a publié en ligne.
A propos Auteur
Comment formater polices dans Excel 2010 Excel 2010 inclut plusieurs façons de formater les polices dans vos feuilles de calcul. Vous pouvez changer le visage de la police, taille de police, couleur de police et en utilisant les commandes dans le groupe Police de l'onglet Accueil.Vous…
Comment créer une police de thème dans PowerPoint 2007 Une police de thème que vous créez dans PowerPoint devient partie intégrante du thème que vous travaillez. Il devient disponible pour toutes les présentations PowerPoint que vous créez avec le thème plus tard. Suivez ces étapes pour créer…
Comment changer la police dans Word 2013 L'attribut le plus fondamental de texte dans Word 2013 son typographie, ou police. La police met en place la façon dont votre texte ressemble - son style global de texte. Bien que de décider sur une police appropriée peut être angoissante (et,…
Polices formatage dans Excel 2007 Excel 2007 inclut plusieurs façons d'appliquer la mise en forme des polices dans vos feuilles de calcul. Vous pouvez changer le visage de la police, taille de police, couleur de police et en utilisant les commandes dans le groupe Police de l'onglet…
Comment changer la police dans Word 2007 Word 2007, il est facile de changer les polices dans votre document. Différentes polices donnent différents regards aux mots qui composent votre texte global. Agrandir1Afficher le menu Polices.Dans l'onglet Ecrire, dans le groupe Police, cliquez…
Comment changer les polices de thème dans PowerPoint 2007 Choix d'un thème dans PowerPoint définit les polices de thème, l'établissement d'une police pour vos rubriques et un autre pour le texte de votre corps. Si vous ne souhaitez pas utiliser les polices de thème associé avec le thème que vous…
Comment trouver et remplacer des polices à travers une présentation PowerPoint 2007 Utiliser trop de polices dans une présentation PowerPoint nuit à votre message. PowerPoint vous permet d'utiliser un rechercher-remplacer opération pour remplacer les polices impairs. Prenez note des polices doivent être remplacées et les…
Comment utiliser les polices intégrées pour votre HTML5 et CSS3 pages Web en fonction Même si un développeur web HTML5 peut suggérer toutes les polices pour une page Web, les fichiers de police sont traditionnellement un atout au niveau du client. Si le client n'a pas la police installée, elle ne le verra pas. Heureusement, CSS3…
Pour les personnes âgées: la façon de travailler avec les polices dans Office 2010 Une police est un moyen standard de faire de chaque lettre. (Il est aussi appelé une police de caractères.) La taille de la police contrôle la hauteur des lettres. Dans tous les programmes Office, vous pouvez choisir différentes polices et…
Choisissez les polices Web sécurisées pour votre blog Lorsque vous feuilletez un magazine, ces polices ont essentiellement devenu images imprimées sur une page. Et sur le web, le texte dans les éléments graphiques (comme un logo) fonctionne de la même façon.Toutefois, le texte contenu est…
Comment incorporer les polices sur votre site blog À un moment donné, live texte a été limitée à l'utilisation de polices Web sécurisées. Heureusement, vous avez maintenant des choix beaucoup plus intéressantes concernant les polices, grâce à la technologie de la police-enrobage, qui vous…
Améliorer votre site avec des polices personnalisées Pour la plupart des concepteurs de sites Web, la police des polices fait pas deborde. Les 11 polices intégrées dans les Apple iOS, représentés sur cette figure, sont très insuffisants. Concepteurs graves passent des heures à la recherche de la…
Trouver polices pour la conception web en ligne Bien que vous pouvez télécharger toutes les polices que vous avez à votre propre serveur et un lien vers elle, un référentiel de polices en ligne offre de nombreux avantages, la police est stockée sur les serveurs de référentiel et il…
Comment intégrer des polices Typekit adobe dans votre site de Squarespace Squarespace 6 a intégré avec Typekit pour permettre facilement d'utiliser des polices personnalisées Typekit plus facilement. Avant vous pouvez ajouter des polices personnalisées Typekit à votre site Squarespace, cependant, vous devez avoir un…