PC SOFT

FORUMS PROFESSIONNELS
WINDEV, WEBDEV et WINDEV Mobile

Accueil  |  Messages récents  | Connexion  |   | Français  FR
Accueil → WEBDEV 2024 → Google Fonts - Polices téléchargées
Google Fonts - Polices téléchargées
Débuté par Sylvain, 19 jan. 2019 08:47 - 7 réponses
#1
Membre enregistré
141 messages
Posté le 19 janvier 2019 - 08:47
Bonjour à tous,

J'utilise des polices Google Fonts sur mes sites et visiblement elles ne s'affichent pas sur les sites, seule la police de substitution s'affiche.

J'ai téléchargé les polices dans le projet puis distribué les polices sur le serveur web et elles sont bien transmises dans le répertoire fonts du site.

Est-ce que j'ai zappé quelque chose ?

Merci d'avance

Sylvain
#2
Posté le 21 janvier 2019 - 09:24
Bonjour,

Je ne sais pas si cela peut aider, mais il peut y a voir une question de cache, et le client qui voit la page n'aura peut-être pas la dernière version des fichiers utilisés. Cela m'est souvent arrivé en modifiant les styles CSS, mais le fichier avait toujours le même nom donc les clients ne voyaient pas les modifications.

Pour nettoyer le cache F5 mais plus certainement dans les paramètres du navigateur.

Jeff
#3
Membre enregistré
141 messages
Posté le 22 janvier 2019 - 07:05
Merci Jeff

Je vais essayer

Cdt

Sylvain
#4
Membre enregistré
141 messages
Posté le 11 mars 2019 - 08:52
Bonjour,

Après tests, je vous confirme que le nettoyage du cache ne change rien.

Une petite idée sur le pourquoi du comment seules les polices de subtitution s'affichent ?

Merci d'avance

Sylvain
#5
Posté le 11 mars 2019 - 10:06
Bonjour. Je suis justement en train de bosser là dessus.

Après quelques essais :

Tu peux passer par Google Fonts comme cela :

<head>
<Link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
</head>

<style>
.AlexBrush {
font-family: 'Alex Brush', cursive !important;
Color:#000000;
}

<p class="AlexBrush"> Ma police Alex Brush s'affiche !<p/>


Là ça fonctionne parfaitement.

La deuxième solution : passer par @font-face qui fonctionne bien sous Google Chrome, FF, Opera, Edge mais pas sous IE11

Une fois ta police TTF ou autre déposée sur le serveur :

Je l'utilise car les polices que je souhaite ne sont pas sur Google Fonts

<style>
.Windsong {
font-family: "Windsong";
src: url('Windsong.ttf');
}
</style>

<p class="Windsong"> Ma police Windsong s'affiche !<p/>


Voilà j'espère t'avoir aidé !

Bein à toi,
#6
Membre enregistré
35 messages
Posté le 11 mars 2019 - 10:07
Bonjour. Je suis justement en train de bosser là dessus.

Après quelques essais :

Tu peux passer par Google Fonts comme cela :

<head>
<Link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet">
</head>

<style>
.AlexBrush {
font-family: 'Alex Brush', cursive !important;
Color:#000000;
}

<p class="AlexBrush"> Ma police Alex Brush s'affiche !<p/>


Là ça fonctionne parfaitement.

La deuxième solution : passer par @font-face qui fonctionne bien sous Google Chrome, FF, Opera, Edge mais pas sous IE11

Une fois ta police TTF ou autre déposée sur le serveur :

Je l'utilise car les polices que je souhaite ne sont pas sur Google Fonts

<style>
.Windsong {
font-family: "Windsong";
src: url('Windsong.ttf');
}
</style>

<p class="Windsong"> Ma police Windsong s'affiche !<p/>


Voilà j'espère t'avoir aidé !

Bein à toi,
#7
Membre enregistré
141 messages
Posté le 11 mars 2019 - 11:27
Bonjour Arnaud,

Merci pour ton retour

Est-ce que ça implique de recoder intégralement les pages pour l'attribution des styles ?

Il me semblait que PCSOFT annonçait un moyen plus simple en passant simplement par le téléchargement des fontes et l'attribution au niveau des styles des champs... non ?

Merci

Sylvain
#8
Membre enregistré
35 messages
Posté le 11 mars 2019 - 14:36
De rien, à ton service.

J'ai vu cela aussi mais franchement j'y crois moyen. En tout cas, cela fonctionne ! Je ne sais pas t'en dire bcp plus pour le moment.

Tu ne dois rien recoder du tout, tu mets ta classe/font-style et puis tu la défini dans un <style></style> et roule ma poule :)
→ Revenir à WEBDEV 2024