@fontface sur safari

Général
1

Je fais un site pour un photographe et il utilise la police de caractère mistral pour sa signature
www.barryleblancphoto.ça

J’ai donc installé dans squelettes/fonts/mistral.woff et mistral.woff2
Dans perso.css j’ai mis @font-face …

Cela fonctionne bien sur chrome et Firefox d’un ordi mais on voit une police cursive générique sur Safari (ordi et iPad) et chrome(ipad)
Que puis-je faire?
Merci

2

Anne-Pok Dubé a écrit le 02/03/2021 à 06:37 :

Je fais un site pour un photographe et il utilise la police de caractère mistral pour sa signature
www.barryleblancphoto.ça

J’ai donc installé dans squelettes/fonts/mistral.woff et mistral.woff2
Dans perso.css j’ai mis @font-face ...

Cela fonctionne bien sur chrome et Firefox d’un ordi mais on voit une police cursive générique sur Safari (ordi et iPad) et chrome(ipad)
Que puis-je faire?
Merci

Bonjour,

Une petite recherche dans Google de
https://www.google.com/search?q=font+face+safari+problem
m'a conduit à :

Et donc à

est-ce que cela aide ?

Bonne journée

--
RealET

3

Le 02/03/2021 à 06:37, Anne-Pok Dubé a écrit :
> Je fais un site pour un photographe et il utilise la police de caractère mistral pour sa signature
> www.barryleblancphoto.ça J’ai donc installé dans squelettes/fonts/mistral.woff et mistral.woff2
> Dans perso.css j’ai mis @font-face ...

Si ce n'est pour sa signature seulement, c'est vraiment overkill.

Mieux vaudrait faire une simple image bitmap (jpg) ou vectorielle (svg) de cette signature.

JLuc

4

J’ai fait un .png pour sa signature qui sert de logo du site
Mais j’ai besoin du caractère mistral pour « Passion Gaspésie » dans l’en-tête parce que le site est bilingue.
Je croyais que pour @fontface juste les .woff et .woff2 étaient nécessaires
Je vais ajouter d’autres extensions.

Le mar. 2 mars 2021 à 08:24, JLuc <jluc@no-log.org> a écrit :

Le 02/03/2021 à 06:37, Anne-Pok Dubé a écrit :

Je fais un site pour un photographe et il utilise la police de caractère mistral pour sa signature
www.barryleblancphoto.ça J’ai donc installé dans squelettes/fonts/mistral.woff et mistral.woff2
Dans perso.css j’ai mis @font-face …

Si ce n’est pour sa signature seulement, c’est vraiment overkill.

Mieux vaudrait faire une simple image bitmap (jpg) ou vectorielle (svg) de cette signature.

JLuc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

5

Je pense avoir tout essayer sans succès pour safari
J’ai mis

@font-face {
font-family: ‹ MISTRAL ›;
font-style: normal;
src: local(‹ MISTRAL ›), local(‹ MISTRAL ›), url(‹ ./font/MISTRAL.woff2 ›) format(‹ woff2 ›), url(‹ ./font/MISTRAL.woff ›)format(‹ woff ›),
url(‹ ./font/MISTRAL.TTF ›) format(‹ truetype ›),
url(‹ ./font/MISTRAL.eot ›) format(‹ eot ›),
url(‹ ./font/MISTRAL.svg ›) format(‹ svg ›),
}

Le mar. 2 mars 2021 à 08:45, Anne-Pok Dubé <pok.surprise@gmail.com> a écrit :

J’ai fait un .png pour sa signature qui sert de logo du site
Mais j’ai besoin du caractère mistral pour « Passion Gaspésie » dans l’en-tête parce que le site est bilingue.
Je croyais que pour @fontface juste les .woff et .woff2 étaient nécessaires
Je vais ajouter d’autres extensions.

Le mar. 2 mars 2021 à 08:24, JLuc <jluc@no-log.org> a écrit :

Le 02/03/2021 à 06:37, Anne-Pok Dubé a écrit :

Je fais un site pour un photographe et il utilise la police de caractère mistral pour sa signature
www.barryleblancphoto.ça J’ai donc installé dans squelettes/fonts/mistral.woff et mistral.woff2
Dans perso.css j’ai mis @font-face …

Si ce n’est pour sa signature seulement, c’est vraiment overkill.

Mieux vaudrait faire une simple image bitmap (jpg) ou vectorielle (svg) de cette signature.

JLuc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

6

Hello

Et si tu remplaces la dernière virgule par un point-virgule ?

JC

7

J’ai remplacé la virgule par un ;
Cela ne fonctionne pas non plus.

Je croyais que multi fonctionnait uniquement sur du texte mais j’ai découvert que cela fonctionne aussi avec des images
Je remplacerai donc
[fr]Passion Gaspésie [en]Gaspésie Passion
par
[fr] [en]

Le mar. 2 mars 2021 à 12:15, Jean Christophe Villeneuve <jean-chris.villeneuve@ac-lyon.fr> a écrit :

Hello

Et si tu remplaces la dernière virgule par un point-virgule ?

JC

Le 02/03/2021 à 17:08, Anne-Pok Dubé a écrit :

Je pense avoir tout essayer sans succès pour safari
J’ai mis

@font-face {
font-family: ‹ MISTRAL ›;
font-style: normal;
src: local(‹ MISTRAL ›), local(‹ MISTRAL ›), url(‹ ./font/MISTRAL.woff2 ›) format(‹ woff2 ›), url(‹ ./font/MISTRAL.woff ›)format(‹ woff ›),
url(‹ ./font/MISTRAL.TTF ›) format(‹ truetype ›),
url(‹ ./font/MISTRAL.eot ›) format(‹ eot ›),
url(‹ ./font/MISTRAL.svg ›) format(‹ svg ›),
}

Le mar. 2 mars 2021 à 08:45, Anne-Pok Dubé <pok.surprise@gmail.com> a écrit :

J’ai fait un .png pour sa signature qui sert de logo du site
Mais j’ai besoin du caractère mistral pour « Passion Gaspésie » dans l’en-tête parce que le site est bilingue.
Je croyais que pour @fontface juste les .woff et .woff2 étaient nécessaires
Je vais ajouter d’autres extensions.

Le mar. 2 mars 2021 à 08:24, JLuc <jluc@no-log.org> a écrit :

Le 02/03/2021 à 06:37, Anne-Pok Dubé a écrit :

Je fais un site pour un photographe et il utilise la police de caractère mistral pour sa signature
www.barryleblancphoto.ça J’ai donc installé dans squelettes/fonts/mistral.woff et mistral.woff2
Dans perso.css j’ai mis @font-face …

Si ce n’est pour sa signature seulement, c’est vraiment overkill.

Mieux vaudrait faire une simple image bitmap (jpg) ou vectorielle (svg) de cette signature.

JLuc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [https://listes.rezo.net/mailman/listinfo/spip](https://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : https://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc