html5 : custom font

Bonjour à tous et à toutes,

Je pensais qu'on pouvait faire un embed d'une font simplement en la mettant en binary data. mais cela n'a pas l'air d'être la méthode... Quelqu'un sait comment utiliser une font non web pour une appli html 5 ?

merci ;)

Salut salut,

On peux ajouter une police à un site en utilisant @font-face dans le CSS. Je ne sais pas si c'est pris en compte par les jeux en HTML5, il faudrait tester.

Merci Seyjin, je teste tout de suite !
:love

Hello
Sinon tu as le tuto de monos, a mon avis plus fiable ;)
http://comptoir-mmf.eu/Forum/index.php?topic=506

Bon, après quelques tests, le résultat est concluant : ça fonctionne très bien.

J'ai téléchargé une police au hasard sur un site, et ai ajouté au style de ma page :
@font-face {
font-family: Master Of Break;
src: url(font/master_of_break.ttf) format('truetype');
}

Résultat :


Je vois pas en quoi remplacer chaque lettre par une image serait plus fiable. au contraire si tu oublie des lettres accentuées par exemple c'est un peu problématique. C'est surtout très mal adapté.

Seyjin, je ne vois pas de feuille css généré par Fusion. Il faut que j'en crée une ?

elle est incluse dans l'index, entre les balises <style>

Merci pour l'info ;) c'est cool

En général je n'aime pas utiliser les fonctionalités "système" ou les fonctions "générique", tout simplement parce qu'il y a toujours un bon pourcentage de cas ou ca marche pas comme on veut.
L'intéret de "maitriser" sa police, c'est que tu as l'assurance que ca va marcher comme tu l'as défini, et pas comment le "système" choisi de t'afficher ta police à sa manière.
J'ai vu pas mal de cas ou le navigateur te bloque l'install de police etc... bref, quand tu te retrouves chez un client et que ta police ne s'affiche pas correctement à cause du fontface qui a pas marché, bah il a du mal à te faire le chèque ;)

A+ Pit

Bon, après quelques tests, le résultat est concluant : ça fonctionne très bien.

J'ai téléchargé une police au hasard sur un site, et ai ajouté au style de ma page :
@font-face {
font-family: Master Of Break;
src: url(font/master_of_break.ttf) format('truetype');
}

Résultat :


Je vois pas en quoi remplacer chaque lettre par une image serait plus fiable. au contraire si tu oublie des lettres accentuées par exemple c'est un peu problématique. C'est surtout très mal adapté.

Si ça ne marche pas, c'est que le navigateur est trop vieux. Et il y a de fortes chances que la fonction canvas ne marche pas nonplus.

Merci Seyjin ! tu me sauves !
Dis-moi Pit, à la place de la soluce de Seyjin, tu aurais fait quoi ?

Son idée était de remplacer chaque lettre par une image.

comme texte blitter ? pas con...
En tout cas, merci encore de tes réponses ! :)

J'ai essayé Seyjin et cela ne fonctionne pas. Je dois mal le faire...
Avec fontface, tu permets bien d'utiliser n'importe quelle font à l'intérieur de l'appli MMF ? ou juste pour le html du preloader ?

Pou toute l'appli normalement.
Au début de la scène il faut changer la police.

[edit] c'est bisare, je refait un essai avec une autre police et ça ne marche pas.

pour le moment j'ai essayé de changer la font au démarrage de la frame avec :
"myfontname.ttf"
"./myfontname.ttf"
ça marche pas : la fenêtre freeze. J'ai mis la font en binary data.

je vais essayer avec "http://www.monsite/monrep/myfontname.ttf"...
je te dis ça...

Merci en tout cas d'avoir re-essayé :) c'est super gentil !!!

EDIT : ben non... tout pareil. Appli bloquée. Je vais passer avec une police web pour le moment. ce n'est pas bien grave. Je ferais la soluce de Pit / monos après.

Alors, on dirait que c'est dans le format en lui même. J'ai trouvé ce site pour convertir la police https://onlinefontconverter.com/

Avant la conversion, le visualiseur m'indique : TrueType Contours
Après la conversion, j'ai : Disposition OpenType, TrueType Contours

Le site donne même la feuille de style avec.

T'es quand même bien balèze Seyjin ;)
je teste ça sur mon projet !
un GRANNNNNND merci pour ton aide !!!!
Excellente AM !