Serveur dédié : configurer Apache et NginX pour servir des polices de caractères

Serveur dédié : configurer Apache et NginX pour servir des polices de caractères photo

La plupart des sites modernes font appel à des polices de caractères qui ne sont pas installées sur les systèmes d’exploitation de leurs visiteurs. L’utilisation de Google Fonts est très largement répandue mais cela ajoute un délai de traitement dans le chargement des pages car cela nécessite autant de requêtes externes.

Il est également possible de placer les fichiers dans le répertoire du thème graphique et de les servir directement depuis le serveur de fichier, comme Apache ou NginX.

Tout d’abord, il faut configurer les bons entêtes http. Cela permet aux navigateurs de bien interpréter les fichiers demandés comme polices de caractères.

Configuration des polices pour Apache

Pour définir le bon mime-type pour les polices, ajoutez ce bloc à votre configuration Apache:

AddType application/x-font-ttf ttc ttf
AddType application/x-font-otf otf
AddType application/font-woff woff
AddType application/font-woff2 woff2
AddType application/vnd.ms-fontobject eot

Si vous n’avez pas accès à la configuration du VirtualHost, placez ce bloc dans le fichier .htaccess du site.

Pour les entêtes CORS, ajoutez ce bloc:

<FilesMatch ".(eot|ttf|otf|woff|woff2)">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>

Configuration des polices pour NginX

LA configuration par default de NginX ne prend pas en compte les types mime des formats de fontes optimizés pour le web. Il est à noter également que le type mime des fichiers .eot est erroné, il nous faut donc le modifier.

1. Editez le fichier /etc/nginx/mime.types et supprimez la ligne concernant l’extension eot.

2. Ensuite, ajoutez ce bloc :

application/x-font-ttf ttc ttf;
application/x-font-otf otf;
application/font-woff woff;
application/font-woff2 woff2;
application/vnd.ms-fontobject eot;

3. Pour les entêtes CORS, ajoutez ce bloc à la configuration du vhost:

location ~* \.(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}

Et voilà, votre serveur de fichier est maintenant capable de servir vos fichiers de polices de caractères.

Il est recommandé de ne pas abuser des fontes de caractères : pas plus de 3 familles de fontes différentes sur un site web. Les navigateurs ayant chacun leurs petites subtilités et standards, ils ne se sont toujours pas mis d’accord sur un seul et même format de fichier.

En pratique, les formats WOFF2 et WOFF sont à privilégier (ils couvrent plus de 94% des utilisateurs) mais suivant le public ciblé, il faut penser à offrir les autres variantes de fichiers.

Happy 2018 !

Je vous souhaite à toutes et à tous une très belle année 2018, avec plein de petits bonheurs et de joies partagés !

Happy 2018 ! photo

En 2017, nous avons eu la chance de voyager à Malte, en Sardaigne, en Grèce et à Madeire – que des îles ! – et c’était vraiment formidable, avec des paysages totalement différents d’un lieu à l’autre.

J’ai continué à travailler en tant que développeur full-stack et pas mal de mes clients reviennent vers moi pour des projets complémentaires comme ajouter ou développer de nouvelles fonctionnalités à leur site web, booster l’hébergement et la rapidité de leur site, et améliorer leurs conversions.

Au niveau professionnel, pas grand chose à dire. Cécile s’est rapprochée donc on perd moins de temps sur les routes, ce qui est autant de temps de vie exploitable selon nos envies.

Pour 2018, on a (encore) prévu de voyager, histoire d’explorer des coins dans lesquels nous n’avons encore jamais mis les pieds. Nous nous sommes rendus compte que l’on prenait de moins en moins de photos, en comparaison avec nos premiers voyages, ce qui est bizarre. Nous allons donc essayer d’écrire un peu moins en détails mais en documentant un peu plus avec nos photos… L’idéal serait de pouvoir tout écrire en temps réel (ou presque) mais cela est rarement possible.

Pour 2018, ayez la frite et concrétisez tous vos projets !

Visite de Delphes

Pour nous rendre à Delphes, nous empruntons le bus depuis la gare routière d’Athènes.

Depuis le centre ville (station de Métro “Akropoli” par exemple) cela représente un assez long trajet en bus, car la gare routière est excentrée. Nous prenons le temps de bien nous renseigner avant car il y a plusieurs gares routières différentes, éloignées les unes des autres, qui desservent des villes de Grèce différentes.

Le trajet qui dure deux heures trente est très agréable : il nous permet de découvrir de petits villages authentiques bien différents d’Athènes, au coeur de la campagne grecque.

Visite de Delphes photo

Delphes (en grec : Δελφοί, qui se prononce “Delfi” en grec moderne) est le site d’un sanctuaire panhellénique, situé au pied du Mont Parnasse, en Phocide, où parlait le dieu Apollon par le truchement de sa prophétesse, la Pythie. Les Anciens considéraient en effet que chaque homme est soumis à un destin décidé par les dieux : la Pythie offrait un éclairage sur ce que les dieux avaient prévu pour nous.

Avant la consultation, on donnait un “misthos”, une somme d’argent, et on sacrifiait une chèvre pour s’assurer que les dieux consentaient à être interrogés sur notre cas. Si l’animal tremblait, cela signifiait l’accord divin. Sinon, on n’avait qu’à revenir plus tard. Une fois les dieux apaisés, on pouvait alors pénétrer dans le temple d’Apollon pour entendre la prédiction. Bien évidemment, on ne rencontrait pas la Pythie directement : elle se trouvait dans l’adyton (littéralement: lieu où l’on ne pénètre pas), et c’est aux prêtres, chargés de faire l’intermédiaire entre la prêtresse et le consultant, que l’on adressait sa question. La Pythie répondait ensuite aux prêtres, qui transmettaient la réponse.

La question est alors de savoir comment la Pythie accédait aux pensées d’Apollon, le dieu de la mantique (l’art de prédire le destin en grec). Sur ce point, tous les témoignages s’accordent pour expliquer que la Pythie était assise sur un trépied et mâchait des feuilles de laurier, l’arbre d’Apollon, ce qui facilitait l’accès au monde du divin, matérialisait le lien avec Apollon et correspondait à ce que les Grecs appelaient “enthousiasmos” (littéralement, le fait d’avoir le dieu en soi).

Certains auteurs expliquent quant à eux que la Pythie était littéralement pénétrée par le souffle d’Apollon, recevant entre ses cuisses son souffle sacré qui émanait d’une crevasse dans le sol. La prophétesse, entrant dans un état de transe, délivrait alors ses oracles aux prêtres qui se livraient à un véritable travail herméneutique et avaient toutes les chances de se tromper.

Comment expliquer une telle différence dans les témoignages ? De façon générale, les auteurs grecs contemporains de l’oracle d’Apollon restent assez discrets au sujet des détails précis de la consultation, sans doute car ils n’avaient pas à justifier, à expliquer de manière rationnelle ce en quoi ils croyaient, ou du moins, ce qui faisait partie de leur folklore religieux. Il s’avère que les témoignages qui évoquent la dimension sexuelle voire immorale de la Pythie sont dus à des auteurs chrétiens plus tardifs, qui ont écrit au moment où la religion chrétienne commençait à se développer et dans le but de l’expliquer et de la répandre de façon la plus large possible. On peut penser que c’est dans le but de porter en discrédit ces pratiques païennes que ces auteurs chrétiens ont insisté sur le caractère immoral et non crédible de l’oracle.

Le sanctuaire de Delphes abrite également l’Omphalos que les Grecs considéraient comme le « nombril du monde », pensant que Delphes marquait le centre de la terre. Investi d’une signification sacrée, Delphes fut du VIe au IVe siècle av. J.-C. le véritable centre et le symbole de l’unité du monde grec. En effet, chaque année, chaque cités grecques participait au “trésor” en offrant à Delphes une importante somme d’argent et contribuait ainsi à renflouer les caisses de la ligue panhellénique.

Visite de Delphes photo 1

Page 4 sur 935« Première...23456...102030...Dernière »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: