Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
fr:template:custom-fonts [2016/09/01 12:48] Nicolas Ronvel [Fichier et URL] |
fr:template:custom-fonts [2016/09/01 13:17] Nicolas Ronvel [The FontFamily] |
||
---|---|---|---|
Ligne 37: | Ligne 37: | ||
Si vous hébergez **geckos**, vous pouvez également héberger votre Police le même serveur, et définir un chemin relatif vers celle-ci dans votre URL : | Si vous hébergez **geckos**, vous pouvez également héberger votre Police le même serveur, et définir un chemin relatif vers celle-ci dans votre URL : | ||
- | <code javacript> | + | <code javascript> |
{ "fontFamily": "MyFontFamily", "src": "fonts/myFont.woff" } | { "fontFamily": "MyFontFamily", "src": "fonts/myFont.woff" } | ||
</code> | </code> | ||
Ligne 43: | Ligne 43: | ||
Il est aussi possible d'utiliser une URL distante, mais cela peut entraîner quelques soucis (serveur distant HS, serveur distant refusant la connexion, pare-feu bloquant l'accès au serveur, changement d'arborescence sur le serveur, ...). | Il est aussi possible d'utiliser une URL distante, mais cela peut entraîner quelques soucis (serveur distant HS, serveur distant refusant la connexion, pare-feu bloquant l'accès au serveur, changement d'arborescence sur le serveur, ...). | ||
- | <code javacript> | + | <code javascript> |
{ "fontFamily": "MyFontFamily", "src": "http://www.fonts.com/myFont.woff" } | { "fontFamily": "MyFontFamily", "src": "http://www.fonts.com/myFont.woff" } | ||
</code> | </code> | ||
Ligne 55: | Ligne 55: | ||
Par exemple, le template pour [[https://github.com/Gulix/geckos/blob/master/templates/wquest-silvertower-herocard.json|Warhammer Quest - Silver tower]] utilise une police intégrée via DataUrl. | Par exemple, le template pour [[https://github.com/Gulix/geckos/blob/master/templates/wquest-silvertower-herocard.json|Warhammer Quest - Silver tower]] utilise une police intégrée via DataUrl. | ||
- | ===== The FontFamily ===== | + | ===== FontFamily ===== |
- | The ''fontFamily'' property is a String that represents the name of the font. It's better with no spaces or funky characters. This name could follow the original one of the font, but it's not mandatory. | + | La propriété ''fontFamily'' est une chaîne qui identifie la police. Il vaut mieux y éviter les espaces et les caractères spéciaux. Cet identifiant peut suivre le nom original de la police, mais rien ne l'y oblige. |
- | It's now the name that your template will use in order to display text with that font. Any ''Text'', ''Textbox'' or similar fields you will use in the Canvas can use that font : | + | Ce nom sera utilisé par votre template pour afficher du texte avec cette police. Tout élément de type ''Text'', ''Textbox'' ou autre pouvant afficher du texte dans le canvas peut utiliser cette police : |
<code javascript> | <code javascript> | ||
Ligne 65: | Ligne 65: | ||
</code> | </code> | ||
- | That's how you use **Custom fonts** in **Geckos** ! | + | Et c'est ainsi qu'on utilise des **Polices personnalisées** dans **Geckos** ! |
===== Optional - The Font Style ===== | ===== Optional - The Font Style ===== |