Votre propre police sur la page. Installation de nouvelles polices dans MS Word Comment utiliser les polices installées

Vlad Merjevitch

La police fait partie intégrante de la conception Web, confère au site expressivité et reconnaissance, exprime le style caractéristique du site et est directement liée à la perception des textes. Une police bien choisie peut ne pas être remarquée, mais sans elle, il n'y aura pas de piquant qui donne à la conception du site une exhaustivité.

Si une police spécifique est déjà installée sur votre ordinateur, ajoutez simplement une ligne aux styles.

h1 (famille de polices : SuperPuperFont ; )

La valeur de la propriété font-family est le nom de la police de caractères ; elle sera appliquée à tous les titres

. Mais que verront les visiteurs du site Web si notre police spectaculaire et rare n’est pas installée ? Cette situation est la plus probable, donc si le navigateur ne reconnaît pas la police déclarée, il utilisera la police par défaut, par exemple sous Windows il s'agit de Times New Roman. Toutes nos conceptions de caractères soigneusement pensées s'effondreront et tomberont en poussière du jour au lendemain, nous devons donc rechercher la solution la plus universelle. La première chose qui vient immédiatement à l’esprit est de faire en sorte que le fichier de police soit téléchargé sur l’ordinateur de l’utilisateur et que le texte soit affiché dans la police sélectionnée. Comparée à d’autres méthodes telles que l’affichage de texte à travers une image, cette méthode est la plus simple et la plus polyvalente.

Quels avantages nous apporte finalement le chargement d’un fichier de police puis son application via CSS ?

• Le texte est facile à ajouter et à modifier.
• Dans le navigateur, vous pouvez utiliser la recherche et trouver les expressions souhaitées.
• Dans les paramètres du navigateur, vous pouvez réduire ou augmenter la taille de la police pour obtenir une visualisation confortable.
• Moteurs de recherche Ils indexent bien le contenu des documents.
• Le texte peut être sélectionné et copié dans le presse-papiers, ainsi que traduit dans une autre langue.
• Les paramètres de texte tels que l'espacement des lignes, la couleur, la taille, etc. peuvent être facilement modifiés à l'aide des propriétés CSS.
• Encore une fois, en utilisant CSS, vous pouvez simplement ajouter différents effets au texte, comme une ombre.

Comme vous pouvez le constater, les avantages sont nombreux. Il existe également de petits inconvénients et, pour des raisons d'équilibre, ils méritent d'être mentionnés.

• Toutes les versions de navigateur ne prennent pas en charge les polices téléchargeables et les formats uniques.
• Le fichier contenant la police de caractères peut occuper une grande quantité d'espace, ralentissant ainsi le chargement de la page Web.

Dans le tableau 1 répertorie les versions du navigateur et les formats de police qu'ils prennent en charge.

Tableau 1. Formats pris en charge

Format	Internet Explorer	Chrome	Opéra	Safari	Firefox	Android	IOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

Le format le plus pris en charge est TTF. A l’exception d’IE jusqu’à la version 9.0 et d’iOS, tous les navigateurs le comprennent parfaitement. Ainsi, si votre police est dans ce format et que vous ciblez les navigateurs modernes, vous n’aurez aucune action supplémentaire à effectuer. Il suffit d'écrire le code suivant dans les styles (exemple 1).

Exemple 1 : connexion TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Tout d’abord, nous chargeons le fichier de police lui-même en utilisant la règle @font-face. À l'intérieur, nous écrivons le nom de la police via le paramètre font-family et le chemin d'accès au fichier via src . Ensuite, nous utilisons la police comme d'habitude. Ainsi, si nous devons définir la police du titre, alors pour le sélecteur h1, comme indiqué dans l'exemple, nous définissons la propriété font-family avec le nom de la police chargée. Pour les anciennes versions d’IE, nous répertorions les options de secours séparées par des virgules. Dans ce cas, la police du titre sera "Comic Sans MS", puisque IE8 et versions antérieures ne prennent pas en charge le format TTF.

Le résultat de cet exemple est présenté sur la Fig. 1.

Riz. 1. En-tête avec police chargée

Que faire si vous avez désespérément besoin d’une police fleurie dans IE8 ? Heureusement, @font-face vous permet d'inclure plusieurs fichiers de polices de formats différents en même temps. Le navigateur n'a plus qu'à choisir celui qui convient. Ainsi, une solution universelle qui fonctionne dans tous les navigateurs consiste à convertir le format TTF existant en EOT puis à connecter les deux fichiers.

Pour la conversion, il existe plusieurs services en ligne qui vous permettent de télécharger un fichier TTF et de recevoir un fichier EOT en sortie. Malheureusement, la plupart de ces services ont le même problème : nous recevons le fichier, mais la langue russe n'est pas prise en charge. En conséquence, le résultat souhaité n’est pas obtenu, la conversion ne s’effectue pas correctement. Parmi les sites que j'ai vérifiés, il y en avait un qui affichait correctement le texte dans IE.

Nous allons sur ce site, téléchargeons le fichier TTF et cliquons sur le bouton « Convertir TTF en EOT », après quoi nous enregistrons le fichier résultant dans le dossier contenant les polices. Dans les styles, il reste à effectuer un petit tour et à forcer différents navigateurs téléchargez la police au format requis. Pour ce faire, nous ajoutons deux paramètres src. Le premier pointe vers le fichier EOT et est destiné aux anciennes versions d’IE. Le deuxième paramètre src doit contenir deux adresses séparées par des virgules, dont l'une pointe vers le fichier TTF. Le fait est que les versions 8.0 et antérieures d'IE ne comprennent pas la virgule dans le paramètre src et, par conséquent, ignoreront l'intégralité du paramètre. Il peut y avoir plusieurs options d'écriture, par exemple répéter l'url, spécifier le nom de la police dans le paramètre local, ou même écrire une police inexistante. Si le navigateur ne peut pas charger une telle police, il ira alors à la deuxième de la liste et nous l'aurons écrite correctement. Méthodes d'écriture acceptables.

src : url(fonts/pompadur.ttf), url(fonts/pompadur.ttf) ;
src : local (pompadur), url (fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);

Une option fonctionnelle pour connecter une police pour toutes les versions de navigateur est présentée dans l'exemple 2.

Exemple 2 : connexion EOT

HTML5 CSS3 IE Cr Op Sa Fx

Un élément moderne du processus politique

En fait, les enseignements politiques de Montesquieu mettent en avant le type de culture politique de l’Europe continentale, qui se reflète dans les travaux de Michels.

Quant à iOS, il me semble qu'il ne sert à rien de créer et de télécharger une police distincte au format SVG. L'audience des sites qui le consultent via iOS est encore restreinte, et d'ailleurs, la version du site est destinée appareils mobiles Ils essaient de rendre les choses plus faciles et il n'est pas conseillé de télécharger quelques dizaines de kilo-octets supplémentaires.

Polices Web Google

Un service pratique qui prend en charge la routine de prise en charge de différents formats de polices et versions de navigateur peut être trouvé sur www.google.com/webfonts. Bien qu'il existe relativement peu de polices différentes dans la collection (il y en a plusieurs dizaines), elles sont toutes sélectionnées de très haute qualité et peuvent être utilisées gratuitement sur les sites Web.

Avant de sélectionner une police, réglez la valeur Script sur Cyrillique, vous verrez alors une liste de polices prenant en charge la langue russe (Fig. 2).

Riz. 2. Sélection des polices dans Google Web Fonts

La police que vous aimez doit d'abord être ajoutée à la collection en cliquant sur le bouton « Ajouter à la collection », puis sur le bouton « Utiliser » dans le coin inférieur droit de l'écran. Sur la page suivante (Fig. 3), vous pouvez enfin sélectionner les polices dont vous avez besoin. Dans le même temps, vous devez comprendre qu'une police de caractères peut contenir plusieurs styles et que chacun d'eux augmente le volume des fichiers téléchargés.

Riz. 3. Polices chargées sur la page

Vous pouvez connecter les polices sélectionnées de trois manières : le code ajouté peut être copié sous la page.

1. Via l'élément . La ligne ressemblera à ceci.

2. Via la règle @import. Nous insérons cette ligne dans notre fichier CSS tout en haut.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic) ;

3. Via JavaScript.

En principe, tous les chemins sont égaux, alors choisissez selon vos préférences.

Les avantages de l'utilisation de ce service sont les suivants.

• L'utilisation des polices est gratuite, vous n'avez pas à les payer.
• Les polices proposées sont « affinées » pour être visualisées à l'écran, les fichiers sont optimisés et occupent un volume relativement réduit.
• Le navigateur est détecté automatiquement et la police au format requis lui est fournie.

L'un des principaux avantages du service est que les polices sont stockées aux formats TTF, EOT, WOFF, SVG et sont chargées après vérification du navigateur. Ainsi, le format EOT ne sera disponible que pour les anciennes versions d'IE.

Que vous utilisiez ou non Google Web Fonts, c'est à vous de décider. Si vous n'y trouvez pas de police appropriée, vous pouvez toujours connecter le TTF populaire et répandu. De plus, il est pris en charge par les dernières versions de tous les navigateurs populaires.

Lors de la mise en page des pages, vous devez de temps en temps faire face à des polices non standard. Bien sûr, vous ne devez pas les utiliser comme principaux sur le site, mais dans divers éléments individuels, par exemple dans l'en-tête, c'est tout à fait possible. Le problème avec ces polices est qu'elles peuvent tout simplement ne pas être sur l'ordinateur de l'utilisateur, ce qui entraînera l'affichage du texte correspondant dans une police standard, ce qui gâchera le design prévu. Ce problème peut être résolu très simplement : tout la police non standard est simplement découpée comme une image. Cependant, il existe également une autre façon d'utiliser une police personnalisée sur un site Web.

Laisse-moi écrire Code CSS, puis je vais l'expliquer :

@font-face (
famille de polices : SpecialFont ;
src: url("font/specialfont.ttf");
}
p(
famille de polices : SpecialFont ;
}

En conséquence, aux balises

la police sera appliquée Police spéciale. Je pense que le code est assez transparent, mais je vais quand même l'expliquer. Vous devez obtenir la police et la télécharger sur votre site Web, par exemple dans un dossier Police de caractère. Suivant dans Code CSS inscrivez-vous dans @font-face son nom et son chemin d'accès, puis vous pourrez l'utiliser.

Mais ce n’est pas sans raison que, dans la plupart des cas, ils utilisent des images pour afficher des polices non standard. Utilisé @font-face il y a 2 inconvénients:

1. Il existe de très grandes polices qui pèsent des centaines de kilo-octets, et ceci augmentera considérablement le temps de chargement des pages.
2. Le deuxième inconvénient est encore plus grave. Tous les navigateurs ne prennent pas en charge cette fonctionnalité De plus, certains navigateurs nécessitent une police dans un format différent (pas tf). Ainsi, certaines personnes ne verront toujours pas votre police. Pour résoudre ce problème, vous devez télécharger la même police dans différents formats, ce qui augmentera considérablement le premier inconvénient.

Mais il convient de noter que le premier inconvénient n'est plus aussi important qu'avant. Étant donné que les vitesses de connexion Internet augmentent très rapidement et que peu de gens se soucient des 100-200 Ko.

Le deuxième inconvénient n'est pas non plus si important. Les seuls navigateurs plus ou moins populaires qui ne comprendront pas ce code sont IE8 et versions antérieures, plus IOS. Tous les autres navigateurs modernes comprendront ce code sans aucun problème.

Étant donné que IE8 est encore relativement populaire, alors personnellement, je me retirerai pour l'instant les polices non standard sont toujours disponibles sous forme d'images, mais j'espère vraiment que dans un avenir proche, ce navigateur deviendra de l'histoire ancienne, et qu'il sera alors possible d'utiliser Polices @font-face et ttf.

P.S. Félicitations à toutes les femmes pour les vacances de printemps !

DANS dernières versionséditeur de texte Microsoft Word Il existe un ensemble assez large de polices intégrées. Comme prévu, la plupart d'entre eux sont constitués de lettres, mais certains utilisent divers symboles et signes au lieu de lettres, ce qui est également très pratique et nécessaire dans de nombreuses situations.

Et pourtant, quel que soit le nombre de polices intégrées de MS Word, l'ensemble standard ne suffira toujours pas aux utilisateurs actifs du programme, surtout si vous voulez quelque chose de vraiment inhabituel. Il n'est pas surprenant que sur Internet, vous puissiez trouver de nombreuses polices pour cet éditeur de texte créées par des développeurs tiers. C'est pourquoi, dans cet article, nous expliquerons comment ajouter une police à Word.

Avertissement important : Téléchargez des polices, comme tout autre logiciel, uniquement à partir de sites de confiance, car nombre d'entre eux peuvent contenir des virus et autres logiciels malveillants. N'oubliez pas votre propre sécurité et celle de vos données personnelles, ne téléchargez pas les polices fournies dans l'installation Fichiers EXE, puisqu'en fait ils sont distribués dans des archives, qui contiennent des fichiers aux formats OTF ou TTF pris en charge par le système d'exploitation Windows.

Voici une liste de ressources sûres à partir desquelles vous pouvez télécharger des polices pour MS Word et d'autres programmes compatibles :

Notez que tous les sites ci-dessus sont extrêmement pratiques à mettre en œuvre et que chacune des polices y est présentée de manière claire et compréhensible. Autrement dit, vous regardez l'image d'aperçu, décidez si vous aimez cette police et si vous en avez besoin, et seulement après cela, vous la téléchargez. Alors, commençons.

1. Sélectionnez une police adaptée sur l'un des sites que nous proposons (ou sur un autre en qui vous avez entièrement confiance) et téléchargez-la.

2. Accédez au dossier dans lequel vous avez téléchargé l'archive (ou simplement un fichier) avec la ou les polices. Dans notre cas, il s'agit du bureau.

3. Ouvrez l'archive et extrayez son contenu dans n'importe quel dossier approprié. Si vous avez téléchargé des polices qui ne sont pas archivées, déplacez-les simplement vers un emplacement où vous pourrez facilement y accéder. Ne fermez pas ce dossier.

Note: En plus du fichier OTF ou TTF, l'archive avec les polices peut également contenir des fichiers d'autres formats, par exemple une image et Document texte, comme dans notre exemple. Il n'est pas nécessaire d'extraire ces fichiers.

4. Ouvrez .
DANS Windows 8 à 10 vous pouvez le faire en utilisant les touches Gagner+X, où dans la liste qui apparaît, vous devez sélectionner . Au lieu de touches, vous pouvez également cliquer avec le bouton droit sur l'icône du menu "Commencer".

DANS Windows XP-7 cette section est dans le menu "Commencer" — .

5. Si en mode visualisation "Catégories", comme dans notre exemple, passez en mode d'affichage des petites icônes - vous pourrez ainsi trouver rapidement l'article dont vous avez besoin.

6. Trouvez l'article ici "Polices"(ce sera probablement l'un des derniers) et cliquez dessus.

7. Un dossier contenant les polices installées sur Windows s'ouvrira. Placez-y le(s) fichier(s) de police précédemment téléchargés et extraits de l'archive.

Conseil: Vous pouvez simplement le (les) faire glisser avec la souris d'un dossier à l'autre ou utiliser les commandes Ctrl+C(copie) ou Ctrl+X(couper) et puis Ctrl+V(insérer).

8. Après un court processus d'initialisation, la police sera installée sur le système et apparaîtra dans le dossier où vous l'avez déplacée.

Note: Certaines polices peuvent être constituées de plusieurs fichiers (par exemple, normal, italique et gras). Dans ce cas, vous devez placer tous ces fichiers dans le dossier des polices.

Installer une nouvelle police dans Word

1. Lancez Word et recherchez une nouvelle police dans la liste des polices standard intégrées au programme.

2. Souvent, trouver une nouvelle police dans la liste n'est pas aussi simple qu'il y paraît : d'une part, il y en a déjà pas mal, et d'autre part, son nom, bien qu'écrit dans sa propre police, est assez petit.

Pour trouver rapidement une nouvelle police dans MS Word et commencer à l'utiliser lors de la saisie, ouvrez la boîte de dialogue du groupe « Police » en cliquant sur la petite flèche située dans le coin inférieur droit de ce groupe.

3. Inscrit "Police de caractère" recherchez le nom de la nouvelle police que vous avez installée (dans notre cas, il s'agit Utilisation personnelle d'Altamonte) et sélectionnez-le.

Conseil: Dans la fenêtre "Échantillon" vous pouvez voir à quoi ressemble la police. Cela vous aidera à la trouver plus rapidement si vous ne vous souvenez pas du nom de la police, mais que vous vous en souvenez visuellement.

4. Après avoir cliqué "D'ACCORD" dans la boîte de dialogue "Police de caractère", vous passerez à la nouvelle police et pourrez commencer à l'utiliser.

Incorporer une police dans un document

Une fois la nouvelle police installée sur votre ordinateur, vous ne pourrez l'utiliser que par vous-même. Autrement dit, si vous envoyez un document texte écrit dans une nouvelle police à une autre personne qui n'a pas cette police installée dans le système et n'est donc pas intégrée à Word, elle ne s'affichera pas pour elle.

Si vous souhaitez que la nouvelle police soit disponible non seulement sur votre PC (enfin, sur l'imprimante, ou plutôt sur une feuille de papier imprimée), mais aussi sur d'autres ordinateurs, d'autres utilisateurs, elle doit être intégrée dans un document texte. Lisez ci-dessous pour savoir comment procéder.

Note: L'intégration d'une police dans un document augmentera la taille du document MS Word.

1. Dans un document Word, allez dans l'onglet "Options", qui peut être ouvert via le menu "Déposer"(Word 2010 - 2016) ou bouton "MS Word" (2003 — 2007).

2. Dans la boîte de dialogue « Options » qui s'ouvre devant vous, rendez-vous dans la rubrique "Préservation".

3. Cochez la case à côté de l'élément "Intégrer les polices dans un fichier".

4. Choisissez si vous souhaitez intégrer uniquement les caractères utilisés dans le document actuel (cela réduira la taille du fichier) ou si vous souhaitez exclure l'intégration des polices système (en fait, ce n'est pas nécessaire).

En fait, nous pouvons terminer ici, car vous savez maintenant comment installer des polices dans Word, après les avoir préalablement installées dans Windows. Nous vous souhaitons du succès dans la maîtrise de nouvelles fonctions et de possibilités illimitées. Programmes Microsoft Mot.

Sans police, les livres, les blogs, les annonces sur les cours de dessin ou la création de flocons de neige à partir de pompons sont impossibles. Cela dépend beaucoup du choix de la bonne police. Une police, comme le visage d’une personne, peut refléter et évoquer des émotions et une humeur. Par exemple, vous aimeriez que les gens soient heureux après avoir lu votre texte, mais pour une raison quelconque, ils restent indifférents. Le problème réside peut-être dans la mauvaise police choisie. Et cela provoque une dissonance cognitive.

Dans le livre On Type, Eric Spiekermann, l'expert n°1 en matière de caractères, montre que la typographie n'est pas un art réservé à une élite, mais un outil puissant à la disposition de tous ceux qui ont quelque chose à dire et qui veulent exprimer correctement leurs pensées, tant sur papier et sur écran.

Ici, le design est expliqué dans un langage simple, et la police cesse d'être quelque chose d'incompréhensible. Significatif, fort, intéressant. Ce livre a déjà été lu par des millions de personnes à travers le monde. Maintenant, c'est aussi en russe.

Rencontrez Éric Spiekermann

Eric Spiekermann est designer, professeur à l'Académie des Arts de Brême, membre du Conseil allemand du design et président de la Société internationale des designers typographiques.

Eric a une passion : les polices. Il peut facilement déterminer à quelle époque appartient une police particulière. Quelle police montrera votre amour et laquelle montrera vos intentions sérieuses.

Eric Spiekermann et sa phrase la plus célèbre sur les caractères.

Si vous êtes déjà allé en Allemagne et avez pris des trains allemands, les inscriptions, schémas et panneaux que vous avez vus aux arrêts, quais et gares sont écrits dans la police Deutsche Bahn, créée par Eric Spiekerman. Il a également créé la police pour Audi et le design pour le magazine The Economicist. Et j'ai écrit ce livre.

« La beauté de ses publications, c'est qu'elles sont écrites par Eric pour des NON-designers. C'est ce que les gens aiment vraiment : le design et la typographie dans un langage humain ordinaire. Spiekermann - Il est tout simplement le pape de la typographie moderne et du design en général.
Natalie Ratkowski

Qu'y a-t-il à l'intérieur ?

Il s’agit d’un véritable monde parallèle où les polices sont ses principaux habitants. Et ce livre vous apprendra à comprendre les polices comme le bout de votre main. Il y a un grand nombre d'exemples dans le livre.

La conception graphique et la typographie ne sont pas des choses faciles, mais même des projets simples peuvent bénéficier du choix de la bonne police.

L'habileté de présenter des informations consiste à garantir que le lecteur ne se laisse pas distraire, lit jusqu'au bout et comprend ce que vous vouliez dire. C'est l'art de choisir une police.

Des lettres de caractère

Regardez de plus près la lettre : est-elle légère ou massive, ronde ou carrée, fine ou trapue. À quoi cela ressemble-t-il? Les lettres peuvent se tenir au garde-à-vous comme des soldats, ou elles peuvent chanter ou danser gracieusement en ligne, elles peuvent crier ou rire. Certains mots non seulement sonnent, mais semblent également plus agréables que d'autres.

Source de doute, de surprise, de colère et de joie. Illustration du livre

Dans la police du mot joie (« joie ») formulaires ouverts, des coups confiants et un sens de la dynamique. C'est agréable de voir que certains mots contiennent une explication dans les lettres qui les composent. Ces formes amples et faciles vous feront certainement penser à une personne joyeuse et aux bras ouverts, notamment la lettre Y.

Les polices audacieuses aux contours nets correspondent à des sentiments sombres, tandis que les émotions agréables sont mieux transmises dans des polices claires et décontractées.

Police Kafka

Les concepteurs de polices ont toujours pris leur écriture manuscrite comme modèle lors du développement de polices de caractères. Les limitations mécaniques ont donné naissance à des polices manuscrites, écrites au pinceau, à la plume, au stylo plume ou même au feutre. Ils étaient ensuite découpés dans du métal ou photographiés et transformés en caractères.

Aujourd’hui, avec le développement des outils numériques, les polices manuscrites sont devenues plus insolites et personnalisées. Vous pouvez désormais acheter « l'écriture » d'artistes et d'écrivains célèbres tels que Picasso, Cézanne et Franz Kafka.

Polices du groupe Mister K. Illustration tirée du livre

Les manuscrits de cette dernière étaient assez illisibles, mais cela n'a pas arrêté Yulia Sysmäläinen : elle a développé la police Mr.. K - de la main de Kafka - avec toutes les imperfections que l'écrivain voudrait probablement éviter.

Casse-tête de typographie

Jouons. Selon vous, quelle police correspond à chaque type de chaussure ?

Illustration tirée du livre.

Quelle police choisir

Peut-être avez-vous été dans cette situation : tard le soir, vol à six heures du matin, et vous êtes toujours en train de faire votre valise et vous ne savez pas quoi emporter avec vous.

Cela se produit lors du choix d'une police.

Choisir la bonne police pour un message spécifique est à la fois intéressant et difficile. Que voulez-vous mettre dans le message, à part des faits ? Comment voulez-vous l’interpréter, le commenter, le décorer ? Si vous choisissez une police « neutre », comme Times New Roman, alors le message est neutre.

En réfléchissant à l’apparence du message, vous l’interprétez d’une manière ou d’une autre.

Avant de ranger des polices dans une valise imaginaire, examinez le problème. Il est nécessaire de concilier praticité et esthétique.

Nous associons l'apparence d'une police particulière à un certain produit. Ainsi, les produits frais conviennent mieux aux étiquettes aux police manuscrite. Les produits de boulangerie correspondent à des empattements de forme douce, les grains entiers sont mieux représentés par des caractères manuscrits rapides aux contours irréguliers, et les entreprises commerciales sérieuses sont associées à l'ère de la gravure sur cuivre, les titres étaient produits sous la forme de certificats imprimés élaborés.

Livre diffusé

Toujours dans le livre

Avec ce livre, vous examinerez les polices d'une nouvelle manière, apprendrez à les comprendre et à choisir celle qui convient à vos besoins. Le livre contient de nombreuses informations intéressantes et pratiques :

• Histoire de l'évolution des polices
• Sélection d'une police pour une tâche spécifique
• Lisibilité et lisibilité de la police
• Comment faire fonctionner une police
• Fonctionnalités de police d'écran
• Mise en page de journaux, magazines, livres pour le texte
• L'avenir des polices
• Liste de littérature et de sites Web sur la typographie

…200 pages de faits historiques intéressants, conseils utiles sur le choix et l'utilisation des polices, de beaux exemples illustratifs.

Vous pouvez passer toute votre vie à apprendre à choisir la bonne police, et c’est extrêmement intéressant, presque comme maîtriser l’aquarelle. C’est également utile car c’est l’un des moyens de transmettre des idées à votre public. Faites-vous des amis avec les polices !

Bonjour, chers lecteurs !

Dans un article précédent, j'ai expliqué comment styliser le contenu d'un site Web exécutant WordPress de manière non standard à l'aide de styles CSS en ligne. Grâce aux styles, vous pouvez, entre autres, modifier la police utilisée dans le texte.

Les polices d’un site Web sont l’élément le plus important de sa conception. Le comportement du visiteur sur la page dépend de son bon choix. Il est nécessaire de choisir le bon type de police, sa taille, son épaisseur, son inclinaison, sa couleur, pour que tout cela se combine harmonieusement avec le design global.

Mais parfois, il est nécessaire d'utiliser une police inhabituelle, et une myriade d'entre elles ont maintenant été développées - artistiques, manuscrites, gothiques, vieux russe, etc. L'une d'entre elles peut-elle être utilisée sur le site ?

C'est possible, mais il y a certaines conditions.

Polices standards et personnalisées

Pour que la police que vous choisissez s'affiche correctement sur l'écran d'un utilisateur, elle doit être installée sur son ordinateur. Lors de l'installation du système d'exploitation, nous recevons également un certain ensemble de polices. Cet ensemble est appelé standard. Chaque système d'exploitation possède sa propre liste de polices standard. Mais il existe des polices présentes dans tous systèmes d'exploitation, on les appelle sûrs. Vous pouvez utiliser n’importe lequel d’entre eux en toute sécurité sur votre site Web sans craindre qu’il ne s’affiche pas correctement sur l’ordinateur du visiteur. Naturellement, ces polices sont les plus populaires, elles sont utilisées pour saisir du contenu sur la plupart des sites et elles sont faciles à lire.

En plus des polices standards, l'utilisateur peut installer d'autres polices non standards sur son ordinateur, mais des problèmes d'affichage peuvent survenir. Parfois, des utilisateurs inexpérimentés, lors de la préparation d'un document texte ordinaire dans Word ou d'une présentation, utilisent une belle police artistique qu'ils ont trouvée sur Internet et installée sur leur ordinateur. Lors de la préparation, tout semble parfait, mais lorsqu'ils commencent à visualiser cette présentation sur un autre ordinateur, il s'avère que cette belle police est remplacée par une police standard.

La même chose se produit avec les sites Web. Pour que la police non standard que vous utilisez s’affiche correctement sur l’ordinateur d’un visiteur du site, elle doit être installée sur l’ordinateur du visiteur du site. Mais vous ne pouvez pas exiger que des milliers de visiteurs installent une certaine police pour consulter votre site.

Comment résoudre ce problème?

Pour ce faire, vous devez connecter les polices nécessaires au site.

Comment connecter des polices pour un site Web

Il existe deux manières principales de procéder. Dans le premier cas, les polices situées sur un site spécialisé serveur distant, la seconde consiste à placer les fichiers de polices sur le serveur du site lui-même.

Dans cet article, nous examinerons de plus près la première méthode.

Travailler avec le service Google Fonts

Commençons avec Service Google Polices, comme le plus célèbre et le plus fiable.

Ce n’est pas pour rien que je parle de fiabilité, car si vous utilisez une ressource tierce sur votre site internet, alors elle doit être vérifiée et fiable. Au cours de la préparation de cet article, j'ai visité plusieurs sites contenant des collections de polices que j'avais dans mes favoris. Je les ai utilisés auparavant, mais il s'est avéré que l'un d'eux était désactivé pour non-paiement de l'hébergement, l'autre, sur lequel j'ai acheté une fois très belles polices, bloqué par antivirus.

Sur le site , comme le montre la capture d'écran, sur ce moment La collection contient 708 polices, mais toutes ne nous conviennent pas. Pour les sites en langue russe, des polices prenant en charge le cyrillique sont nécessaires. Sur la gauche se trouvent des filtres de sélection, où dans la liste déroulante Scénario choisir Cyrillique, après quoi il reste déjà 61 options. Nous choisissons parmi eux. Ajoutez les polices que vous aimez à la collection en cliquant sur le bouton .

Après la sélection, passez à l'élément suivant - bouton Revoir. Sur la page qui s'ouvre, vous pouvez voir à quoi ressemblera le texte et essayer de modifier ses paramètres.

Passons ensuite au dernier point - le bouton Utiliser. Ici, vous pouvez copier le code pour connecter la police au site.

Ce code doit être inséré dans la page HTML de votre site entre les balises<tête> ettête>. Pour les sites WordPress, ces balises se trouvent dans le fichier d'en-tête en-tête.php. L'étape 4 copie le code pour décrire le style CSS.

Comme vous pouvez le voir, j'ai choisi trois options, et si je tape maintenant le code suivant dans l'éditeur HTML de WordPress :

puis sur la page, cela ressemblera à ceci :

Ce texte est formaté de manière non standard. Poiret Un.

Il existe deux manières principales de procéder. Russo Un.

Examinons de plus près la première méthode. Marquer le script.

Travailler avec le service AllFont.ru

Un autre bon service pour sélectionner une police pour le site - . Il semble qu'il y ait encore plus de choix ici. Au moins, c'est plus varié. Vous pouvez choisir en utilisant la rubrique ou en effectuant une recherche par nom.

Sur la page de la police sélectionnée, vous pouvez modifier la couleur, l'arrière-plan, la taille, le texte et voir à quoi il ressemblera.

Après cela, vous pouvez copier les codes d'intégration sur le site. Tout est fait de la même manière que sur le site Web de Google Fonts. J'ai choisi la police AGZeppelin-Roman comme exemple, regardez à quoi elle ressemble.

Bienvenue dans la plus grande bibliothèque AllFont.ru

J'espère que vous avez trouvé l'article utile. Si oui, abonnez-vous à mises à jour du blog, alors que de nouveaux articles utiles sont en préparation.

À bientôt.