Ajouter sur Astroid une police Google locale ?

[RobertG]

Bonjour,

Je ne retrouve pas de discussion sur le sujet, et je n'arrive pas à le faire, que ce soit avec le code CSS de Google et le TTF ou avec le code que j'ai utilisé dans des templates Cassiopeia, inséré dans la zone de code personnalisé du template Astroid et les fichiers dans le dossier fonts du template (dans media).
D'ailleurs, même dans des sites utilisant Cassiopeia, avec ce code et les fichiers correspondants, je ne les vois pas dans les polices disponibles dans l'éditeur JCE (styles du template dans la configuration JCE) :

@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../fonts/italianno/italianno-v16-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/italianno/italianno-v16-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}​

En utilisant la règle (que je ne trouve pas dans les règles CSS de l'éditeur de texte)

.italianno-regular {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-style: normal;
}​

Même en la forçant dans le code d'un article ou module, la police ne s'applique pas.

J'ai aussi essayé de mettre le premier code dans un fichier css dans le dossier media de ce template, mais ça ne change rien.
Pour info, cette police était gérée par l'ancien template Joomspirit directement depuis le style pour le titre du site, et nous aimerions l'utiliser encore dans un module.

J'en conclus que je n'utilise pas la bonne méthode.
Que me conseillez-vous ?

[RobertG]

En complément : avec ces codes, je retrouve bien la police dans la gestion du style Astroid, mais toujours pas dans l'éditeur de texte.

[Helloo]

Bonjour,

As-tu bien choisi le bon fichier CSS dans l'éditeur JCE ?

Personnellement, je n'utilise pas cette fonction, chez moi toutes les polices sont définies comme class dans le fichier CSS.

[RobertG]

Hélas, même en ajoutant la classe dans le user.css du dossier media du template, ni police, ni classe CSS dans l'éditeur.
En forçant manuellement la classe dans le code du module, pas de répercussion dans la partie éditeur ni preview, cependant sur le site, la police est bien prise en compte.
J'aimerais bien comprendre !

[Helloo]

@font-face {
url('../fonts/italianno/italianno-v16-latin-regular.woff2') format('woff2'),
...
url('../fonts/italianno/italianno-v16-latin-regular.woff') format('woff');
...
}​

Bonjour,

Le dossier "italianno" n'est-il pas de trop ?

[RobertG]

Bonjour,

Non, puisque le code de classe italianno-regular ajouté manuellement dans le module est efficace.
Mais de mémoire (défaillante ) contrairement à Cassiopeia, il me semble que Astroid peut utiliser les polices placées directement dans le dossier "fonts".

[Helloo]

...
Mais de mémoire (défaillante ) contrairement à Cassiopeia, il me semble que Astroid peut utiliser les polices placées directement dans le dossier "fonts".

Chez moi sous Cassiopeia les polices sont directement dans le dossier "fonts".

Si je télécharge cette police chez Goo... je reçois "v17 et non v16" :

italianno-v17-latin-regular.woff2

[Helloo]

Dans la configuration de JCE, il te faut aussi ajouter la police.

[RobertG]

Le problème est que lorsque j'ai essayé de récupérer cette version d'Italianno je n'ai eu que la classe et un TTF, c'est pourquoi j'ai cherché et retrouvé la 16 utilisée sur un ancien site.

J'ai suivi tes conseils, je retrouve bien la police dans l'éditeur, mais curieusement pas d'affichage de celle-ci dans le module ou l'article, alors que sur le site elle est bien prise en compte. C'est gênant !

Il faut que je relise entièrement cette discussion que j'avais initiée (et oubliée) : https://forum.joomla.fr/forum/joomla...ans-cassiopeia où on parle aussi d'Astroid.

[Helloo]

Le problème est que lorsque j'ai essayé de récupérer cette version d'Italianno je n'ai eu que la classe et un TTF, c'est pourquoi j'ai cherché et retrouvé la 16 utilisée sur un ancien site..

En téléchargement ici :

https://gwfh.mranftl.com/fonts/italianno?subsets=latin

[RobertG]

Merci beaucoup !
Je crois avoir déjà utilisé ce site, mais je n'avais pas conservé son adresse...

[RobertG]

Bonjour,

Bon, je suis en train de devenir dingue !
Alors que j'ai eu récemment un affichage de choix de police locale dans un style Android, je n'ai plus que system et google, et plus de possibilité d'appliquer par exemple Italianno au texte du logo du site...
Dans l'éditeur de texte, j'ai bien la police Italianno que j'ai ajoutée, elle s'applique bien sur le site, mais toujours pas en prévisualisation dans les articles et modules personnalisés !
Je ne sais plus quoi faire.

Bon, en fait, il faut placer des ttf, pas des woff...

[Helloo]

...Bon, en fait, il faut placer des ttf, pas des woff....

Bonjour,

En principe woff pour tous les navigateurs modernes et ttf pour les anciens, woff charge aussi plus vite.

Il est aussi possible d'installer les deux polices.

[RobertG]

Possible, mais la doc Astroid parle seulement de ttf, et tant que je n'ai pas eu remis le italianno-regular.ttf, il n'apparaissait pas dans Astroid. Une fois remis + une autre police également en ttf, je les ai bien dans la gestiondes styles Astroid.
En utilisant la déclaration citée plus haut et le style, la prise en compte à l'affichage fonctionne.

[Helloo]

En mettant woff dans la recherche sur la doc Astroid il y a bien woff, ttf est juste pris pour exemple dans la marche à suivre :



Et, selon la doc, il faut bien mettre la police directement dans le dossier fonts.