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:24] Nicolas Ronvel [Option - le Style] |
||
---|---|---|---|
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 ===== | + | ===== Option - le Style ===== |
- | The font you just added is added to the webpage as a //Regular// font. It means you can use that font to display regular text (ie not italic). But what if you want to display italic text ? | + | La police que vous venez d'ajouter est intégrée à la page web en tant que police //Régular//. Cela signifie que vous pouvez utiliser cette police pour afficher du texte standard (pas italique). Et si on veut afficher du texte en italique ? |
- | If your font is only meant to be used in italic, you can set the italic version of the font as the ''src'' and use it. It will work just fine. | + | Si votre police n'est utilisée que sous sa forme italique, vous pouvez utiliser le fichier de la version italique en tant que source (''src'') et l'utiliser directement. Pas besoin alors de mentionner dans les objets de texte que vous utilisez un style italique, il sera directement appliqué. |
- | If you plan to use your font in both regular and italic version, it will not work this way. Instead, you need to add two **custom fonts** : one for the regular style, one for the italic : | + | Si vous envisagez d'utiliser votre police à la fois en style régulier et en italique, alors cela ne fonctionnera pas. Il vous faut deux **polices personnalisées** : une pour le style régulier, une pour l'italique : |
<code javascript> | <code javascript> | ||
Ligne 82: | Ligne 82: | ||
</code> | </code> | ||
- | The ''src'' part of the italic font need to be the italic version file of the font. Or another font ? Yes, it's up to you, template creator, to play with this ! For example, you could mix two totally different fonts inside a [[Rich-Text-Field|Rich Text field]] by setting one to the Italic mode. | + | La propriété ''src'' pour la version italique doit être le fichier en mode italique de la police. Ou bien une autre police ? Et bien oui ! En tant que créateur de template, vous pouvez expérimenter avec cette fonctionnalité ! Il est facile de mixer deux polices différentes au sein d'un [[Rich_Text_Field|Champ Texte Riche]] en liant l'une d'entre-elles au style italique. |
==== What about the bold ? ==== | ==== What about the bold ? ==== |