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

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

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 "*"

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 96% des utilisateurs) mais suivant le public ciblé, il faut penser à offrir les autres variantes de fichiers.

Sommaire de la série Monter un serveur dédié de A à Z

  1. Serveur dédié : installation d’Apache, PHP, MySQL et Webmin
  2. Serveur dédié : créer la base de données MySQL et importer WordPress
  3. Serveur dédié : créer et activer un Virtual Host sous Apache
  4. Serveur dédié : changer les DNS du nom de domaine et le faire pointer vers le serveur
  5. Serveur dédié : sécurisation des services avec iptables et fail2ban
  6. Serveur dédié : sécurisation de la couche TCP/IP
  7. Serveur dédié : création d’un serveur mail Postfix (sécurisé avec Saslauthd et certificat SSL) et Courier (accès POP et IMAP) utilisant une base MySQL d’utilisateurs/domaines virtuels
  8. Serveur dédié : sécuriser Apache 2 avec ModSecurity
  9. Serveur dédié : CHMOD récursif sur des fichiers ou répertoires en ligne de commande
  10. Serveur dédié : installer APC comme système de cache et configurer Varnish comme reverse-proxy pour Apache pour améliorer les performances
  11. Serveur dédié : afficher la véritable IP derrière un reverse-proxy comme Varnish
  12. Serveur dédié : intégrer SSH à WordPress pour mettre à jour le core, les plugins et les thèmes
  13. Serveur dédié : installer la dernière version d’APC par SVN
  14. Serveur dédié : analyse des performances du serveur
  15. Serveur dédié : mettre à jour le noyau Debian de la Kimsufi
  16. Serveur dédié : sauvegarde automatique des fichiers avec Backup Manager sur le serveur de sauvegarde OVH
  17. Serveur dédié : configurer la limite mémoire pour PHP et Suhosin
  18. Bash : supprimer tous les fichiers et sous-répertoires d’un répertoire
  19. Serveur dédié : impossible de se connecter à un port distant
  20. Rsync: rapatrier les fichiers du serveur à la maison
  21. Bash : réparer les tables MySQL en cas de crash
  22. Serveur dédié : création d’une seedbox avec Transmission
  23. Serveur dédié : des paquets LAMP à jour sous Debian
  24. Serveur dédié : mise à jour vers Debian 7 Wheezy
  25. Serveur dédié : activer X11 forwarding pour SSH
  26. Serveur dédié : optimiser toutes les images JPG et PNG avec OptiPNG et JpegOptim
  27. Postfix : résoudre l’erreur “fatal: www-data(33): message file too big”
  28. Serveur dédié : mise en place de l’IPv6
  29. WordPress : accorder les bonnes permissions aux fichiers et dossiers avec chown et chmod
  30. WordPress : héberger les images sur un sous-domaine
  31. Serveur dédié : ajouter l’authentification SPF, Sender-ID et DKIM à Postfix et Bind9 avec opendkim
  32. Apache : lorsque le domaine seul (sans WWW) renvoie une erreur 403
  33. Serveur dédié : sécuriser Apache avec HTTPS (HTTP avec la couche TLS/SSL) en Perfect Forward Secrecy
  34. Serveur dédié : passer WordPress en HTTPS (TLS/SSL)
  35. Serveur dédié : configurer Webmin en TLS avec un certificat SSL
  36. Serveur dédié : configurer Transmission pour accéder au WebUI via TLS-SSL
  37. Serveur dédié : installer et configurer Varnish 4
  38. Serveur dédié : passage au mod FastCGI et PHP-FPM avec Apache MPM Worker
  39. Récupérer un serveur Kimsufi après un plantage de kernel avec le mode rescue OVH
  40. Serveur dédié : configurer Postfix et Courier pour utiliser TLS-SSL en Perfect Forward Secrecy
  41. Serveur dédié : retirer Varnish, devenu inutile avec HTTPS
  42. Serveur dédié : installer la dernière version d’OpenSSL sous Debian
  43. Serveur dédié : activer l’IP canonique du serveur sous Apache
  44. Serveur dédié : mise à jour vers PHP 5.6
  45. MySQL : convertir les tables MyISAM au format InnoDB
  46. Serveur dédié : optimiser toutes les images GIF avec GIFsicle
  47. Serveur dédié : migration de MySQL vers MariaDB
  48. BASH : lister, bloquer et débloquer des adresses IP avec iptables
  49. Serveur dédié : produire une meilleure réserve d’entropie avec haveged
  50. Serveur dédié : mettre en place DNSSEC pour sécuriser les DNS du domaine
  51. Serveur dédié : mise en place du protocole DANE
  52. 8 règles d’or pour bien déployer DNSSEC et DANE
  53. Serveur dédié : installer PHP7 FPM avec FastCGI sous Debian
  54. Serveur dédié : optimiser la couche TCP
  55. Fail2Ban: protéger Postfix contre les attaques DoS de types AUTH, UNKNOWN et EHLO
  56. Serveur dédié : mettre à jour Apache pour HTTP/2
  57. Serveur dédié : ajouter le domaine à la liste HSTS preload
  58. Serveur dédié : ajouter l’authentification DMARC à Postfix et BIND
  59. Serveur dédié : à la recherche de l’inode perdue ou comment résoudre le problème “no space left on device”
  60. Serveur dédié : installer NginX avec support HTTP2 et certificat SSL, PHP, MariaDB sous Debian
Happy Valley saison 2 photo

Happy Valley saison 2

Voici la seconde saison d’Happy Valley.

Happy Valley saison 2 photo

Dix-huit mois après les évènements de la première saison, Catherine reprend le travail et a reçu une médaille, la Queen’s Police Medal (QPM), qui récompense sa bravoure lorsqu’elle a sauvé Ann Gallagher (Charlie Murphy) des mains de Tommy Lee Royce (James Norton), qui est en prison à vie.

Lorsque la mère de Royce est retrouvée assassinée, Catherine se retrouve impliquée dans une série de meurtres. Alors qu’elle cherche à prouver son innocence, on lui demande d’enquêter sur une opération de trafic de personnes liée aux meurtres en série.

Pendant ce temps, le Detective Superintendent Andy Shepard (Vincent Franklin) et la Detective Inspector Jodie Shackleton (Katherine Kelly) commencent à suspecter qu’une des victimes du tueur en série a en réalité été tuée par quelqu’un d’autre.

Le petit-fils de Catherine, Ryan, est approché par quelqu’un, ce qui va engendrer toute une série de réactions chez Catherine.

Lire la suite

Prey saison 2 photo

Prey saison 2

Voici la seconde saison de Prey sur ITV.

Après John Simm comme héros principal au sein de la saison 1, Prey a obtenu une suite reprenant le concept d’un homme en fuite dans les rues de Manchester.

Le héros est maintenant campé par Philip Glenister qui est pourchassé par les forces de l’ordre, en compagnie de Myanna Buring.

Cette saison 2 de Prey se centre donc sur David Murdoch (Philip Glenister), un gardien de prison dont la vie prend un tournant lorsqu’une visite de routine à l’hôpital de Manchester avec une prisonnière nommée Jules (Myanna Buring) déraille.

Il reçoit en effet un coup de téléphone qui fait basculer toute son existence. Pour sauver sa fille, il est forcé de fuir avec Jules et se retrouve du mauvais côté de la loi.

Il est amusant de noter que John Simm et Philip Glenister ont joué ensemble dans plusieurs séries déjà : Life on Mars et Mad Dogs et dans Prey, l’un succède à l’autre.

Lire la suite

Line of Duty saison 3 photo

Line of Duty saison 3

Voici la troisième saison de Line of Duty, diffusée sur BBC Two.

Après Lenny James dans la première saison puis Keeley Hawes dans la seconde saison, c’est au tour de Daniel Mays d’être le principal suspect d’une investigation dirigée par la brigade anticorruption.

Mays incarne le sergent Danny Waldron, leader d’une unité d’intervention rapide dont le comportement imprévisible fait de lui un danger pour ses collègues et les suspects.

La brigade anticorruption est alors appelée pour enquêter sur ses actions et ils pourraient à leur tour se trouver en difficultés.

Martin Compston (DS Steve Arnott), Vicky McClure (DC Kate Fleming) et Adrian Dunbar (Ted Hastings) sont tous les trois de retour cette saison, qui est filmée à Belfast, en Irlande du Nord.

Lire la suite

Happy Valley saison 1 photo

Happy Valley saison 1

Voici Happy Valley, une excellente mini-série anglaise diffusée sur BBC One.

À Nestling, dans la région des vallées du Yorkshire, le sergent de police Catherine Cawood, divorcée, vit avec sa soeur et son petit-fils, qu’elle élève. Catherine s’est secrètement promis de venger sa fille, qui s’est suicidée huit ans plus tôt après un viol dont elle ne s’était jamais remise.

Alors qu’elle semble finalement reprendre le dessus, elle apprend que Tommy Lee Royce, l’homme qu’elle juge responsable de ce suicide, sort de prison ayant purgé une peine pour d’autres faits.

Elle devient rapidement obsédée par l’idée de se confronter à lui, ignorant qu’il est impliqué dans une organisation criminelle visant à enlever une jeune femme afin d’en obtenir une rançon.

Lire la suite

Prey saison 1 photo

Prey saison 1

ITV vient de diffuser Prey, une série “chasse à l’homme”.

Scénarisée par Chris Lunt, Prey est une série en seulement trois épisodes qui met en scène John Simm dans la peau du DS Marcus Farrow, un policier accusé à tort du meurtre de sa femme et de son fils.

Marcus va prendre la fuite, et cela va aboutir à jeu de chat et de souris dans la ville de Manchester, alors qu’il va tenter de retrouver son autre enfant et prouver son innocence.

Rosie Cavaliero, Craig Parkinson, Anastasia Hille et Adrian Edmondson font aussi partie du casting.

Lire la suite

line-of-duty-s2

Line of Duty saison 2

Voici la seconde saison de Line of Duty, diffusée sur la BBC.

Un convoi de police est pris dans une violente embuscade : un témoin sous protection est grièvement blessé et trois policiers sont tués à l’exception de l’inspecteur Lindsay Denton, qui a organisé l’opération dans un délai très court et qui n’a mis au courant que son chef, Mike Dryden.

Des preuves suggèrent qu’une source proche de la police pourrait avoir fuité des informations sur le parcours du convoi. Mike Dryden, chef en charge de l’unité, est chargé de mener l’enquête.

Georgia Trotman mène l’interrogation et est choquée de constater que Lindsay est traitée comme un suspect par les hommes de son équipe – même ses finances sont épluchées.

Lindsay est transférée au service des personnes disparues. Kate la suit jusqu’à la maison de retraite où vit sa mère et apprend qu’elle a appelé l’hopital depuis une cabine téléphonique.

Georgia et Steve foncent vers l’hôpital alors que quelqu’un est en train de tuer le témoin…

Cette seconde saison a remporté l’adhésion de la critique comme du public et la BBC a d’ores et déjà commandé deux saisons supplémentaires.

Lire la suite

southland-s5

Southland saison 5

Southland est de retour sur TNT pour sa cinquième saison.

John se retrouve en conflit avec son nouvel élève-officier, qui est un vétéran qui revient d’Afghanistan. Pendant ce temps, Lydia essaie de jongler entre le fait d’être mère et le travail d’inspecteur.

Ben s’associe avec un groupe de policiers plutôt louches et Sammy se retrouve impliqué dans une bataille juridique cauchemardesque pour la garde de son enfant.

Cette saison comprendra 10 épisodes et accueille de nouveaux policiers (récurrents) dans les forces de police de Los Angeles avec Chad Michael Murray, Lesley Fera, Derek Ray, Anthony Ruivivar et Yvette Saunders.

Lire la suite

Line of Duty saison 1 photo

Line of Duty saison 1

La BBC lance sa nouvelle série criminelle, Line of Duty.

line of duty

Line Of Duty est une série dramatique qui traite de la corruption policière. Après un raid contre-terroriste qui tourne mal, le sergent-détective Steve Arnott refuse d’étouffer l’affaire.

Mis à l’écart par ses collègues, il est transféré dans une unité anti-corruption, AC-12, dirigée par le super-intendant Ted Hastings.

Lire la suite

southland-s4

Southland saison 4

Et voici la quatrième saison de Southland, diffusée sur TNT.

John Cooper reprend du service après son opération du dos et rencontre sa nouvelle partenaire, Officer Jessica Tang, qui est disciplinée et dure, et avec sa propre expérience acquise dans les rues.

Lydia, dont la nouvelle partenaire est Ruben Robinson, ne peut s’empêcher d’aider un ancien CI qui s’attire sans cesse des problèmes.

Ben, Sammy et Dewey poursuivent un homme armé dans une école primaire et Ben s’oppose violemment à un policier dont l’attitude cynique affecte leur travail à tous.

Lire la suite

braquo-s2

Braquo saison 2

Et voici la seconde saison de Braquo, diffusée sur Canal+ après deux ans d’attente interminable.

Le bouillant Théo Vachewski (Nicolas Duvauchelle), le musculeux Walter Morlighem (Joseph Malerba) et l’endurcie Roxane Delgado (Karole Rocher), tous membres du SRPJ 92 conduit par Eddy Caplan (Jean-Hugues Anglade), sont jetés en prison pour avoir vengé dans le sang la mort du commandant Rossi.

Lire la suite

braquo

Braquo saison 1

Une special request de circonstance : la première saison de Braquo, diffusée en 2009 sur Canal+.

Suite à la condamnation injuste et au suicide de leur chef de groupe, trois flics de la PJ ont la tentation de franchir la ligne rouge.

Faisant ainsi front à la machine administrative qui, par son inertie et son indifférence, a conduit leur ami jusqu’à la mort.

Harcelés par l’IGS, ils tournent définitivement le dos aux règles établies et à leurs illusions ; ces trois flics adoptent un mode de vie hors norme régi par l’adrénaline, la prise de risque, les coups bas, l’argent, le sang et la mort…

Chaque pas supplémentaire fait sur le territoire des voyous rend plus difficile le retour en arrière.

Lire la suite