KC Cufón : Différence entre versions

De Vulgum Techus
Aller à : Navigation, rechercher
(Générer une nouvelle police)
 
Ligne 1 : Ligne 1 :
'''[[Lien court]]''' vers cette page : http://vt.cx/KCufon<br/>
+
[[Catégorie:Typographie]]
'''[[QR code]]''' vers cette page : http://vt.cx/KCufon.qr<br/>
+
'''[[Lien court]]''' vers cette page : http://vt.cx/KCufon
<br/>
+
'''[[QR code]]''' vers cette page : http://vt.cx/KCufon.qr
 
<html>
 
<html>
 
<script type="text/javascript"><!--
 
<script type="text/javascript"><!--
Ligne 12 : Ligne 12 :
 
</script>
 
</script>
 
<script type="text/javascript"
 
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
 
</script>
 
</script>
 
</html>
 
</html>
<br/><br/>
+
<br/>
 
[[Versions Joomla]] : 1.5, 1.6, 1.7, 2.5 et 3.x
 
[[Versions Joomla]] : 1.5, 1.6, 1.7, 2.5 et 3.x
  
= Mots clé =
+
= Mots-clé =
* Accents absents des titres dans '''[[Joomla]]'''
+
* [[Accents absents des titres dans Joomla]]
* Lettres accentuées manquantes dans titres de '''module
+
* [[Lettres accentuées manquantes dans titres de module]]
* Caractère manquant dans menus
+
* [[Caractères manquant dans menus]]
  
 
= Présentation =
 
= Présentation =

Version actuelle en date du 21 juin 2016 à 00:27

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


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

Mots-clé

Présentation

KC Cufón est un plugin de remplacement de police de caractères qui permet d'utiliser des polices non-web sur les sites Internet. Conçu comme une alternative à sIFR (Scalable Inman Flash Replacement, jugé trop compliqué, 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 générer des fichier descriptif 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 développeurs. 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 -> formatages CSS faisant intervenir la police (exemple a.download-button, legend, .title1, .h3bold, h1, h2, h3, h4, h4 legend, .h4color, .title2, .tagline)
    • 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 de nouvelles versions générées comme expliqué ci-après

Générer une nouvelle police

Regénérer une nouvelle police sous-entend d'en prendre une de même nom et disposant de tous les caractères dont on a besoin ce dont il faut s'assurer en préalable. Par exemple la très populaire police Droid Serif proposé par Google ne propose pas les caractères et œ ce qui peut être un problème. Il faut donc, dans ce cas, substituer une autre police à celle qui présente des lacunes ce qui implique de l'ajouter dans la liste de KC Cufón.

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 -> alphabet cyrillique
    • 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 -> de 0.5 % à 1 %
      • policeplus grande -> de 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/

Liens utiles

Articles Vulgum Techus

Commentaires

blog comments powered by Disqus