assistance support shopify Montreux
***Web2007 est un bureau indépendant situé à Genève et a l'habitude de travailler pour des entreprises PARTOUT en Suisse
assistance support shopify Montreux
Article:
assistance support shopify Montreux
Custom : de trop cufon font-face
Jusqu'à présent, pour afficher une personnalisée sur un site web, je utilisé le service Cufon. Très pratique, chargez simplement votre dans leur forme et vous obtenez un fichier javascript que vous pouvez ensuite utiliser sur votre site. Mais ce matin, l'installation d'Internet Explorer 9, je assistance support shopify Montreux eu une mauvaise surprise ... En fait, la version de cufon je utilisés pour le site que vous cherchez à était tout simplement pas compatible avec cette nouvelle version IE. Au lieu de mon texte, je me suis ... rien, rien du tout. Rien n'a été affiché. Le ème est-il pas? Bien sûr, la dernière version de IE9 Cufon est compatible, et il serait plus rapide à assistance support shopify Montreux mettre à jour. Mais dans ma tête marchaient toutes les intégrations pour laquelle je utilisé ce service et il sera également mise à jour.
Et puis je l'ai dit stop! Déplacer vers une méthode plus permanente, aller à font-face.
Histoire rapide
Par défaut, le navigateur va utiliser les s d'écriture sur l'ordinateur de l'utilisateur pour assistance support shopify Montreux afficher le texte d'un site web. Ce qui explique pourquoi nous sommes très limités en termes de diversité de l'écriture, parce que les s disponibles sur tous les ordinateurs ne sont qu'une poignée. Il ya encore quelques années pour rompre la monotonie, nous avons utilisé des images. Le ème: charge plus lourde et impossible à analyser pour les assistance support shopify Montreux moteurs de recherche des sites textes
.
Puis scripts tels que Cufon apparus. Le principe que vous regardez le texte réel sur votre site web, et une superposition javascript passe au-dessus de transformer la . l'inconvénient: JavaScript doit être activé sur le navigateur de l'utilisateur ... et doit régulièrement mettre à jour le script pour assistance support shopify Montreux assurer la compatibilité avec les nouvelles versions des navigateurs
.
Le font-face tant attendu
Cependant, au cours des dernières années, il ya une règle destinée changer votre vie CSS: font-face. Il affiche une écriture personnalisée de que vous avez déjà chargé sur votre site web. Par conséquent, au lieu d'aller chercher une sur assistance support shopify Montreux l'ordinateur de l'utilisateur (sans assurance de trouver), le navigateur sera simplement obtenir la sur votre site. Mais cette règle CSS a été mis en œuvre relativement récente sur les navigateurs modernes (Internet Explorer gère tout depuis la version 4.0).
assistance support shopify Montreux top qualite
Font-face est disponible à partir de:Firefox 3.5
Opera 10
Safari 3.1 assistance support shopify Montreux
Chrome 3.0
Internet Explorer 4
Comment utiliser font-face
Maintenant que font-face est largement disponible, il est possible de l'utiliser! Comment? Voici 3 lignes de code CSS requises:
@ Font-face {
font-family: '';
src: url ('.eot'); / / IE
src: local (""), url ('.ttf') fichier assistance support shopify Montreux ('TrueType');
}
Vous avez peut-être remarqué que IE nécessite un format de fichier particulier. Les autres navigateurs font leurs affaires avec le format TrueType, mais certains vont préférer d'autres formats de s que vous pouvez également fournir les informations suivantes:
URL ('.woff') fichier ('WOFF),
URL ('.svg) assistance support shopify Montreux (' svg ') forme;
Puis d'utiliser cette , utilisez la méthode traditionnelle:
h1 {font-family: "", Arial, sans-serif;}
La question est: ? où trouver ces formats de fichiers par exemple, vous pouvez acheter la sur place MyFonts, où vous trouverez différents formats dans le zip téléchargeable. Mais si vous avez en votre assistance support shopify Montreux possession une TTF ou un fichier souvent, essayez le site Fontsquirrel, qui offre un "générateur @ font-face" qui fournira vous avez converti vos versions de la .
