Différences

Ci-dessous, les différences entre deux révisions de la page.

--- logiciels:s_affranchir_de_fonts.googleapis.com:accueil [27.03.2020 @ 13:31] – Admin
+++ logiciels:s_affranchir_de_fonts.googleapis.com:accueil [03.04.2026 @ 12:46] (Version actuelle) – Espace inécable devant ":" Admin
@@ Ligne 1: / Ligne 1: @@
 ====== S'affranchir de fonts.googleapis.com ======
-Lors de l'une de nos actions, nous avons souvent rencontré le code source suivant dans des pages web :
+Lors de l'une de nos actions, nous avons souvent rencontré le code source suivant dans des pages web(nbsp):
 <code html [enable_line_numbers="true"]><link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700" media="print, screen">
 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700" media="print, screen"></code>
-Celles-ci servent à intégrer des polices d'écriture sur le site web. Il n'y a donc aucune utilité autre qu'esthétique pour le site web concerné. Ce qui est inquiétant, c'est que pour une si petite chose, simple à réaliser et sans aucune importance, autant de sites web se rendent dépendants des serveurs de Google ! Pour les novice et pour montrer aux visiteurs non-codeurs, voilà comment s'affranchir des polices de caractère de Google.
+Celles-ci servent à intégrer des polices d'écriture sur le site web. Il n'y a donc aucune utilité autre qu'esthétique pour le site web concerné. Ce qui est inquiétant, c'est que pour une si petite chose, simple à réaliser et sans aucune importance, autant de sites web se rendent dépendants des serveurs de Google(nbsp)! Pour les novice et pour montrer aux visiteurs non-codeurs, voilà comment s'affranchir des polices de caractère de Google.
-Les 2 lignes de code précédentes vont chacune chercher un fichier CSS (une feuille de style) sur un serveur de Google. En suivant simplement l'adresse URL de ces lignes vous obtiendrez directement le contenu.  Voici le contenu de ces 2 fichiers que j'ai naturellement renommé de manière explicite :
+Les 2 lignes de code précédentes vont chacune chercher un fichier CSS (une feuille de style) sur un serveur de Google. En suivant simplement l'adresse URL de ces lignes vous obtiendrez directement le contenu.  Voici le contenu de ces 2 fichiers que j'ai naturellement renommé de manière explicite(nbsp):
 <file CSS open_sans.css [enable_line_numbers="true"]>@font-face {
   font-family: 'Open Sans';
@@ Ligne 68: / Ligne 66: @@
 Il nous semble qu'il n'y a rien de bien compliqué pour récupérer le contenu de ces 2 fichiers et de les mettre directement sur le serveur des sites web concernés. Il est aussi possible de faire un simple copier/coller de ce contenu dans le ''<head>'' des pages de ces mêmes sites. Il est encore possible de fusionner ces deux fichiers en un seul.
-A partir de là, il est tout aussi simple de récupérer les fichiers "TrueType" de ces polices de caractères. Encore une fois, il suffit de suivre les adresses URL de chacune de ces polices de caractère pour les télécharger. Là aussi, Nous les avons renommé de manière explicite pour que l'on sache ce à quoi chacun d'eux correspondent. Les voici :
+A partir de là, il est tout aussi simple de récupérer les fichiers "TrueType" de ces polices de caractères. Encore une fois, il suffit de suivre les adresses URL de chacune de ces polices de caractère pour les télécharger. Là aussi, Nous les avons renommé de manière explicite pour que l'on sache ce à quoi chacun d'eux correspondent. Les voici(nbsp):
 <WRAP center round download>
   * {{logiciels:s_affranchir_de_fonts.googleapis.com:01_open_sans_light_italic.ttf}} (~24.9 KB)
@@ Ligne 84: / Ligne 81: @@
 Il suffit de les mettre sur les serveurs des sites web concernés et de modifier les ''url()'' dans les fichiers CSS précédants pour qu'ils pointent sur les fichiers "TrueType" correspondants.
-Tout cela prend environ 10 à 15 minutes en partant uniquement des 2 lignes de code de départ. Il n'y a vraiment rien de compliqué à tout cela !
+Tout cela prend environ 10 à 15 minutes en partant uniquement des 2 lignes de code de départ. Il n'y a vraiment rien de compliqué à tout cela(nbsp)!