FORUMS PROFESSIONNELS
WINDEV
,
WEBDEV
et
WINDEV Mobile
Accueil
|
Messages récents
|
Connexion
|
Déconnexion
|
Français
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
Connectez-vous…
Sylvain
#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
Signaler
0
0
Jeff
#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
Signaler
0
0
Sylvain
#3
Membre enregistré
141 messages
Posté le 22 janvier 2019 - 07:05
Merci Jeff
Je vais essayer
Cdt
Sylvain
Signaler
0
0
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
Signaler
0
0
Arnaud
#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,
Signaler
0
0
Arnaud
#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,
Signaler
0
0
Sylvain
#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
Signaler
0
0
Arnaud
#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
Signaler
0
0
→ Revenir à WEBDEV 2024
WINDEV 2024
WEBDEV 2024
WINDEV Mobile 2024
WINDEV (précédentes versions)
WEBDEV (précédentes versions)
WINDEV Mobile (précédentes versions)
Etats & Requêtes
Hors-sujet
Outils
Français
English
Español
Portuguesa
Fermer cette fenêtre
Type de recherche
Uniquement les sujets
Tous les messages
Période de recherche
Date indifférente
Moins d'une heure
Moins de 24 heures
Moins d'une semaine
Moins d'un mois
Moins d'un an
Annuler
Aperçu de votre message
Ajouter une image
Importer une image depuis une URL
Envoyer une image depuis un fichier de votre disque
Déposez ici un fichier ou cliquez sur "Parcourir..."
ou
Annuler
0%
WLangage
SQL
XML, HTML
JAVA, Javascript
Texte