28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Su plusieurs site j'utilise des font depuis google font.
Mais je me pose des question sur la bonne méthode pour les intégrer ou plus précisément celel qui est la plus performante entre:
@font-face
@import
<link href='http://fonts.googleapis.com/css?family=...' rel='stylesheet' type='text/css'>
Js

Sachant que je ne souhaite pas les charger directement sur le site et les importer en local, ce qui je le pense diminuerai le perf, en raison du nombre de téléchargement simultané depuis un domaine.
Salut,

mieux vaut éviter le @import dans une optique de performance.
Si plusieurs google font, utiliser aussi les raccourcis :

<link href='http://fonts.googleapis.com/css?family=family1|family2|family3...' rel='stylesheet' type='text/css'>

Modifié par jmlapam (02 May 2013 - 01:16)
gotcha5832 a écrit :


Sachant que je ne souhaite pas les charger directement sur le site et les importer en local, ce qui je le pense diminuerai le perf, en raison du nombre de téléchargement simultané depuis un domaine.


Ces sites sont pour la NASA ?
Si c'est le cas je pense en effet que ça sera plus rapide...

C'est de Google que l'ont parle quand même, c'est pas OVH ni 1&1 etc...
Tu peux aller voir la puissance des machines et tout le tralala des machines d'hébergement je ne sais plus ou.

Mais je doute fort que la machine que tu va "loué" ou "utilisé" aura la même capacité que celles de Google Smiley smile .
Je te conseille ceci : <link href='http://fonts.googleapis.com/css?family=...' rel='stylesheet' type='text/css'>

Car même si tu es en local mais que ton serveur d'hébergement est un vieux taco avec une bande passante digne des trains dans les westerns des années 60 tu risque d'avoir des surprises Smiley langue .

Edit : oups j'ai lu trop vite ton post je crois Smiley lol !
Modifié par Nyco (01 May 2013 - 20:33)
merci.

Ps: @Nyco que l'on soit d'accord, je disais pas que je ne souhaitait pas les charger depuis google, mais depuis mon serveur.