0
votes

Les polices CSS ne s'affichent pas correctement sur les périphériques

CSS "Johndoe" Police ne s'affichera pas sur d'autres périphériques. Capture d'écran de mon navigateur: Police Johndoe

J'ai fait un site Web pour ma femme (Michelleradztattoo.com). Tout a l'air bien sur mon ordinateur. Lorsque nous examinons le site sur nos téléphones ou son ordinateur portable, le texte s'affiche comme une police de base.

Je suppose que la police est installée sur mon ordinateur, il s'affiche correctement sur le navigateur (Chrome). J'ai déplacé le CSS dans la section principale, aucun changement. Je l'avais bien situé avant le et maintenant après. Est-ce quelque chose avec le "text.css" situé dans la fantaisie. J'ai essayé de la supprimer de la section Fancybox. xxx


4 commentaires

Puis-je voir la façon dont vous utilisez la police? E.g la règle de la famille de polices (que je suppose est dans styles.css)


Voici le code CSS: Header {Font-famille: Johndoe; Poids de la police: normal; Taille de la police: 4.0vw; hauteur de ligne: 0px; Text-Shadow: 0PX 0PX; Texte-tiret: 18%; Texte-Décoration: Aucun; Couleur: # 000000; } NAV {FONT-FAMILLE: JOHNDOE; Taille de la police: 3.5vw; hauteur de ligne: 0px; Texte-tiret: 18%; Text-Shadow: 0PX 0PX; Texte-Décoration: Aucun; Marge-GAUCHE: 0PX; marge-bas: 0.5em; Marge-top: 0.5em; Couleur: # 000000; }


Frais. Donc, d'utiliser une famille personnalisée, vous devez charger cette police à l'aide d'une règle @ font-face w3schools.com/cssref/css3_pr_font-face_rule.asp


Impressionnant. Merci.


4 Réponses :


1
votes

Le problème ici est que la police existe sur votre ordinateur, mais pas sur votre téléphone. Les chances sont si je visitant votre site sur mon ordinateur, je ne verrais pas la police non plus parce que je ne l'ai pas téléchargée.

Dans des cas comme celui-ci, vous devez utiliser une webfont de l'exemple http://font.google.com . De cette façon, tout le monde sera en mesure de voir la police spécifiée.


1 commentaires

Je pensais que ce serait le cas.



0
votes

Il suffit de repousser cela pour les autres:

Assurez-vous de définir la famille de polices à l'aide d'une règle de police. https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp=/a >


0 commentaires

0
votes

Comme d'autres ont suggéré, cela se tient à la police étant uniquement installée sur votre ordinateur et aucun autre appareil n'a aucune raison de l'avoir installé.

Vous pouvez utiliser Google Fonts , mais il n'ya pas de dire qu'ils auront toutes les polices sous le soleil.

Je vous suggère et vous recommande de télécharger le fichier de police Pour vous héberger, où réside votre site Web, votre site Web sera capable d'accéder à la police correcte à tout moment, quel que soit le navigateur ou le périphérique.

Vous aurez probablement besoin de différents types de fichiers de police, pour accueillir tous les périphériques / navigateurs. Vous pouvez probablement trouver et télécharger la plupart de ces types via Google Search. Cependant, si vous ne pouvez pas alors ce convertisseur de polices en ligne est plutôt bon pour convertir votre fichier de polices en d'autres types de fichiers qui Vous avez besoin.

Une fois votre police téléchargée sur votre site Web, vous pouvez aller de l'avant et utiliser le @ Font-face règle CSS pour définir la police.

Veuillez prendre le temps de lire ce Article CSS-Tricks . Il explique tout à propos de @ font-face , les différents types de fichiers et qui à utiliser.

Je vous suggérerais d'opter pour le support " le plus profond du navigateur possible "et utilisez ceci: xxx

puis utilisez-le comme normal ... xxx


0 commentaires

0
votes

J'ai visité http://michelleradztattoo.com/ de mon mobile et indique votre police. Cela peut arriver à cause de la liaison JS est sur la rubrique. Alors pouvez-vous s'il vous plaît, mettez votre lien JS juste avant le . Et laissez-moi savoir quelle différence vous obtiendrez.


0 commentaires