KC Cufón

Lien court vers cette page : http://vt.cx/Cufon
QR code vers cette page : http://vt.cx/Cufon.qr



Versions Joomla : 1.5, 1.6, 1.7, 2.5 et 3.x

Mots clé

• Accents absents des titres dans Joomla
• Lettres accentuées manquantes dans titres de module
• Caractère manquant dans menus

Présentation

Cufón est un plugin de remplacement de police de caractères qui permet d'utiliser des polices non-web sur les sites Internet. Cufón est souvent utilisé par les développeurs de templates afin d'assurer une plus grande diversité et une plus grande compatibilité. Le principe de Cufón est de convertir des polices bitmap en fichier JavaScript qui sont installés avec le plugin. Ces polices sont générées sur un site ad hoc à partir des polices et des spécifications fournies par les developeurs. Il est courant que, pour réduire leur taille au maximum, il n'ai pas été prévu que les caractères accentués ou symboles exotiques y figurent. Cela oblige dont, pour éviter des titres et des contenus tronqués, de remplacer les polices incomplètes par de nouvelle version qui auront été générées comme expliqué plus bas.

Joomla

== Localiser les polices installées ==¨

• Dans le plugin système KC Cufon sont indiquées les polices utilisées par le template
• Dans Joomla le plugin dispose d'un maximum de 6 polices
• Les champs qui permettent de les identifier sont :
  • Font 1 -> numéro de police de 1 à 6
  • Font Name -> nom de la police exemple Open Sans
  • Font Filename -> nom de fichier de la police exemple Open_Sans_400 (police Open Sans en 400 em)
  • CSS Selectors for Font -> paramètre CSS ou la police intervient exemple h1,p fontsize (titre h1)
  • Font Font-size -> taille imposée en dépit des instructions placés dans le CSS
  • Les polices listées dans le plugin sont situées physiquement dans le dossier ../plugins/system/kc_cufon/fonts/
  • Il est recommandé de les sauvegarder avant d'envisager de les remplacer par une nouvelle version générée comme expliqué ci-après

Générer une nouvelle police

• Trouver la police souhaitée sur Internet -> voir polices qui propose de nombreux sites
• Un fois la police trouvée et téléchargée, se rendre sur le site de conversion à l'adresse suivante :

http://cufon.shoqolate.com/generate/

• Choisir le fichier de police à convertir selon son type à savoir :
  • Regular typeface -> police de base (choix obligatoire pour lancer une conversion)
  • Bold typeface (optional) -> La version en gras de la police (optionnel)
  • Italic typeface (optional) -> La version en italique de la police (optionnel)
  • Bold Italic typeface (optional) -> La version en gras et italique de la police (optionnel)
• Confirmer que les condition de licence utilisateur (EULA) autorisent l'utilisation dans des sites Internet sans Flash' en cochant The EULAs of these fonts allow Web Embedding (without Adobe Flash)
• Sélectionner les glyphes à inclure dans la polices. Ceux-ci dépendent de l'usage qui est fait de la police les paramètres sont les suivants :
  • All -> tous les caractères contenus dans la police
  • Uppercase -> inclure ou exclure les majuscules
  • Lowercase -> inclure ou exclure les majuscules
  • Numeral -> inclure ou exclure les chiffres
  • Punctuation -> inclure ou exclure les signes de ponctuation
  • Wordpress punctuation -> ou exclure les signes de ponctuation spéciaux pour Wordpress
  • Basic Latin -> (Unicode 0x0020 à 0x007E)
  • Latin-1 Supplement > (Unicode de 0x00A0 à 0x00FF)
  • Latin Extended-A -> (Unicode de 0x0100 à 0x017F)
  • Latin Extended-B -> (Unicode de 0x0180 à 0x024F)
  • Cyrillic Alphabet -> caractères cyrilique
  • Russian Alphabet -> alphabet russe
  • Greek and Coptic -> grec et copte
  • and also these single characters -> caractères ajoutés séparément
• Il est possible de limiter l'usage de la police générée à un site particulier. Dans ce cas le préciser à Limit usage to the following domain(s)
• Choisir les paramètres typographiques dans Performance & size à savoir :
  • Taille en em ou taille par défaut en cochant No thanks, use the font's own value
  • Optimisation de la police en % -> choisir la résolution (unit) et cocher Allow path optimization. Les valeurs recommandées sont :
    • Petites tailles de police -> 0.5 -1 %
    • policeplus grande -> 2 - 3 %
• Accepter les termes de licence du site en cochant I acknowledge and accept these terms
• Lancer la génération de la police en cliquant sur Let's do this!
• Celle-ci faite, la police est téléchargée. Il ne reste plus qu'à l'installer dans le dossier ../plugins/system/kc_cufon/fonts/

Commentaires

blog comments powered by Disqus