Sélectionner une page


De quel script s’agit-il? …. Vous êtes-vous déjà dit en surfant sur un site Web: «De quel genre de belle police s’agit-il? Je veux ça aussi! « ? J’entends trop souvent mes clients dire: « Je veux une police comme celle de la page … » Pas de problème! Parce que la police, la taille de la police et la couleur de la police peuvent être trouvées très facilement en quelques étapes simples. Je vais te montrer comment

Remarque: cette vidéo est hébergée sur Youtube. Lorsque vous regardez la vidéo, des données peuvent être collectées auprès de vous via YouTube. Plus d’informations dans mon Protection des données.

Instructions étape par étape:

Comment connaître les polices, les tailles et les couleurs d’autres sites Web:

Si vous avez ouvert le site Web dans Chrome ou Firefox, cliquez sur le bouton à droite Bouton de la souris et allez à « Enquêter« Ou » Examinez l’élément.
Cliquez sur la flèche gauche avec le carré.

découvrir les polices d'autres sites Web

Et alors Cliquez sur égal sur les Passage de textedont vous voulez connaître l’écriture.

page d'accueil de démarrage rapide créez votre propre police de caractères

Il est important que vous sachiez si c’est moi Texte en cours d’exécution (= corps) ou un En-tête (= h1-h6 actes)

Dans les objectifs de texte en surbrillance, vous lisez la note h3. (en haut de l’image, en haut à gauche dans la boîte noire)
Dans WordPress, cela signifie ce qui suit: Il existe 6 tailles de titres différentes…. h1 est le plus grand et h6 le plus petit. Un titre de taille moyenne (h3) est utilisé ici.

Dans la zone inférieure de la colonne de droite, vous recherchez font-family = font. Puisque nous savons que c’est un en-tête, nous devons faire attention à trouver la police / font-family h3. La première police est celle qui a été utilisée. les autres ne sont que des alternatives si la police réelle n’a pas été sélectionnée.

La police est donc: Open Sans (font-family from h1-h6)

Dans le champ suivant, vous pouvez voir que Taille de la police = taille de la police de notre grand titre h3 lit 29px.

Si vous faites défiler un peu plus bas, vous pouvez également voir de quelle couleur est la police. Couleur de la police = couleur

découvrir le site Web de couleur de police

La hauteur des lignes et l’espacement entre les lettres peuvent également vous intéresser.
letter-spacing = espace entre les lettres
Hauteur de ligne = hauteur de ligne

Avec ces informations (police, taille de police, couleur de police), vous avez tout ce dont vous avez besoin si vous souhaitez adopter une police. Vous pouvez définir la typographie (= police) sur votre site Web avec ces détails de la même manière.

Vous pouvez également trouver les polices dans Chrome avec l’application supplémentaire Whatfont.

(disponible sur le Chrome Web Store)

Après avoir ajouté l’application à vous-même dans Chrome, vous trouverez un nouveau symbole dans votre barre supérieure: «f? «Cliquez dessus et déplacez-vous sur le passage de texte sur lequel vous souhaitez obtenir des informations. Cliquez sur le texte et une fenêtre noire s’ouvrira. Vous y trouverez toutes les informations sur la police utilisée. Cela ressemblera à ça:

Famille: police
Style: style
Poids: force des lettres
Taille: taille de la police
Hauteur de ligne: hauteur de ligne
Couleur: couleur de la police

Pour revenir au curseur normal, cliquez sur l’icône Whatfont dans la barre supérieure. Sortir ..

Si cela ne vous dérange pas d’installer une application supplémentaire pour cela, c’est le moyen le plus rapide d’obtenir des informations sur les polices d’autres sites Web.

Quel outil utilisez-vous? J’attends votre commentaire avec impatience!

Créez un site Web vous-même

Voulez-vous créer votre propre site Web?

le Pack de démarrage de site Web est le le moyen le plus rapide à votre nouveau site Web:

  • techniquement prêt pour toi installer
  • Deux Thème déjà installé
  • Package de plugins déjà installé
  • RGPD conforme
  • Vidéos de formation et Instructionsafin que vous puissiez insérer votre propre contenu

PLUS D’INFORMATIONS SUR: CRÉEZ VOTRE PROPRE SITE WEB



Source link

Recent Posts