Comment faire pour gzip @ font-face exemple?

Quelqu'un peut-il donner un exemple de comment gzip un kit webfont? Le générateur m'a fourni ce code ... quels sont les besoins changés?Comment faire pour gzip @ font-face exemple?

@font-face { 
    font-family: 'DesigersBold'; 
    src: url('desib__-webfont.eot'); 
    src: url('desib__-webfont.eot?#iefix') format('embedded-opentype'), 
     url('desib__-webfont.woff') format('woff'), 
     url('desib__-webfont.ttf') format('truetype'), 
     url('desib__-webfont.svg#DesigersBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Source

2012-02-29 Jared Eitnier

Utilisez-vous Apache et avez-vous accès à httpd.conf? Si oui, la compression gzip est-elle déjà activée?

Vous pouvez rechercher cette ligne:

AddOutputFilterByType DEFLATE

SetOutputFilter DEFLATE

Si c'est le premier cas, vous devriez être en mesure d'ajouter les types MIME suivants de sorte que la directive et les paramètres ressemblent à celui au dessous de. Les types MIME déclarés ici sont pour .EOT, .TTF, et .SVG. Je les ai extraites du fichier mime.types dans mon dossier Apache conf. Je crois que .WOFF est déjà compressé de sorte que vous n'avez pas besoin d'avoir gzipped.

AddOutputFilterByType DEFLATE application/vnd.ms-fontobject application/x-font-ttf image/svg+xml

Cette dernière directive SetOutputFilter gzip tous les fichiers dans le conteneur, il est indiqué. Si cet emplacement comprend vos fichiers de police, ils devraient déjà être compactées lors de la livraison au client.

Source

2012-02-29 21:36:21 waynethec

Mon serveur utilise Apache mais je n'ai pas accès à httpd.conf depuis que je suis en hébergement mutualisé. Y a-t-il une alternative? –

Vous pouvez utiliser/créer un fichier .htaccess et vérifier si mod_deflate est activé sur votre serveur. Vous pouvez essayer de coller la ligne suivante et vérifier via les en-têtes http pour voir si le contenu est gzippé. 'AddOutputFilterByType DEFLATE texte/texte texte/texte html/texte brut/texte xml/application css/application x-javascript/javascript' – waynethec

@waynethec Si les directives AddOutputFilterByType ou SetOutputFilter ne figurent pas déjà dans le fichier httpd.conf, où peut-il être ajouté? Pouvons-nous l'ajouter n'importe où ou devons-nous faire attention à l'endroit où nous le mettons? – user961627

Envoyer quelques paramètres (faux), serveur traitera ces réponses comme text/plain, et Compresser comme text/plain si DEFLATE est défini sur text/plain.

@font-face { 
    font-family: 'DesigersBold'; 
    src: url('desib__-webfont.eot?v=1'); 
    src: url('desib__-webfont.eot?v=1#iefix') format('embedded-opentype'), 
     url('desib__-webfont.woff?v=1') format('woff'), 
     url('desib__-webfont.ttf?v=1') format('truetype'), 
     url('desib__-webfont.svg?v=1#DesigersBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Cela fonctionne très bien!

Source

2013-12-31 10:00:06

Comment faire pour gzip @ font-face exemple?

Répondre

Questions connexes