Police HTML-tutoriel HTML-php.cn

Police HTML

WBOY

Libérer： 2024-09-04 16:53:16

original

981 Les gens l'ont consulté

HtmlSchriftart est une police utilisant le langage HTML, et cette police est de plus utilisée en langue allemande, donc toutes les autres fonctionnalités sont les mêmes que les autres polices HTML.Html. HTML possède l'attribut style permettant d'utiliser les styles de police, les couleurs et la balise font pour définir la taille de la police et les couleurs des valeurs de texte. Généralement, la police sera importante dans toutes les langues chaque fois que nous écrivons des langages de programmation d'application comme Java, PHP, etc. Nous écrivons le code en anglais normal et il a un certain style de police en utilisant leurs propres compilateurs, ils traduisent les codes au niveau de la machine. un langage comme les polices HTML sont les codes de niveau d'interface utilisateur pour attirer les utilisateurs.

Syntaxe :

Htmlfonts (Schriftart) utilise certains attributs de style dans les styles CSS, et également en utilisant la balise de police, nous avons déclaré la police, la taille et les couleurs.

<html>
<body>
<font face="" color="" size="">
</font>
</body>
</html>

Copier après la connexion

Le code ci-dessus est l'une des syntaxes de base des polices html déclarées et utilisées dans les pages Web. Nous avons également affiché les polices dans différents attributs de style comme les vues gras, italique et soulignée.

Comment utiliser HTML Schriftart ?

En html La balise est utilisée pour déclarer et attribuer la taille et les couleurs des polices. Dans la police html5, la balise est supprimée ; au lieu de la balise font, nous utilisons des styles CSS ; ses propriétés seront utilisées pour toutes les polices, familles de polices, tailles et couleurs afin d'organiser les valeurs de texte dans le document HTML. Nous pouvons également ajouter des polices personnalisées dans le document Web à l'aide de la balise HTML basée sur les annotations @font-face pour charger nos propres polices personnalisées. C'est une des fonctionnalités des polices html, mais elle doit être validée car elle réduira la vitesse des pages web cela affecte également les performances de la page.

La balise html basée sur les annotations est utilisée dans les styles CSS sur le côté du navigateur ; il chargera celui par défaut dans la page Web HTML, cela peut créer un problème. Si nous appelons les polices externes dans les navigateurs Web en utilisant le style comme @font-face, chaque fois que l'utilisateur utilise le texte, il sera automatiquement converti dans les styles de police donnés, quels que soient les polices attribuées dans le CSS, il sera utilisé complètement. côté invisible à l'avant. Dans certains types de navigateurs, il faudra attendre le chargement des polices personnalisées dans les pages Web ; le chargement de la page Web peut prendre un certain temps ; normalement, l'affichage des pages Web prendra 3 secondes.

Dans les navigateurs de type Webkit comme Safari, les navigateurs Android et les navigateurs mobiles Blackberry, le chargement des pages Web peut prendre jusqu'à 30 secondes. Parfois, les polices personnalisées peuvent représenter un échec dans les sites utilisables. Si nous utilisons des styles CSS, cela aura l'air plus flexible et plus convivial, même si nous téléchargeons d'autres fichiers, il sera également joli et très simple à utiliser sur les pages Web.

Dans la plupart des navigateurs, la taille de police par défaut est de 3, et dans la majorité des sites Web, les valeurs du texte seront comprises entre 2 et 3 ; cela peut varier par rapport à chaque navigateur et site Web. La taille de la police sera déclarée en deux catégories différentes 1. Absolument et 2. Relativement. Les tailles absolues varient entre 1 et 7 ; les valeurs auront différé selon la compatibilité des navigateurs des utilisateurs. Nous pouvons également redimensionner les polices après la déclaration des tailles de police, cela affectera les textes de l'utilisateur dans les pages Web, cela différera également, cela adaptera les préférences de l'utilisateur, c'est-à-dire que la taille du texte sera affichée quelque peu différente des attentes de l'utilisateur, elle s'affichera comme élevée, un texte très élevé ou faible sera affiché comme les types ci-dessus. Si nous définissons que la taille de la police sera très inférieure, il sera difficile de lire les pages Web du côté de l'utilisateur.

Si nous utilisons une longueur de police élevée, alors la page Web sera la continuation d'une autre page ; l'utilisateur fera également défiler les pages Web selon la navigation dont il a besoin pour le front-end. La taille de la police du texte sera celle de l'utilisateur, il choisira donc le point de vue de l'utilisateur, il affichera la normale et l'apparence sera plus sophistiquée dans le front-end. Chaque fois que nous créons une page Web, nous aurons l'intention de la rendre accessible dans le consortium www ; ensuite, cela nous permettra d'afficher la page web de manière globale.

En général, les valeurs de police seront fixes comme « Times New Roman, Comic sans MS, Arial, Calibri », etc. les 3 à 4 polices ci-dessus seront utilisées pour la plupart des sites Web, même si le « Schriftart", cette police sera utilisée dans les documents de la page Web. Nous pouvons définir le type de police à l'aide des attributs de visage, mais nous devons également être conscients que si l'utilisateur ne se connecte pas et ne visualise pas les pages dans les navigateurs parce que les styles de police doivent être installés sur les ordinateurs de l'utilisateur, alors seulement ce sera le cas. affiché sur l’écran du navigateur. Si la police n'est pas installée, l'utilisateur verra l'écran utilisant la police par défaut, déjà installée sur le PC.

Exemples d'implémentation de HTML Schriftart

Voici les exemples mentionnés :

Exemple n°1

Code :

<html>
<body>
<font size="19">Welcome</font><br />
<font size="20">To</font><br />
<font size="33">My Domain</font>
</body>
</html>

Copier après la connexion

Sortie :

Police HTML

Example #2

Code:

<html>
<body>
<font size="-19">Welcome</font><br />
<font size="+20">To</font><br />
<font size="-33">My Domain</font>
</body>
</html>

Copier après la connexion

Output:

Police HTML

Example #3

Code:

<html>
<body>
<basefont face="Times New Roman,arial, verdana, sans-serif" size="3" color="green">
<p>Welcome</p>
<h2>To My Domain</h2>
<p><font size="+23" color="pink">
Welcome User
</font></p>
<p><font face="Calibri" size="-18" color="Red">
Welcome To My Domain
</font></p>
</body>
</html>

Copier après la connexion

Output:

Police HTML

Explanation to the above examples: In the above three examples, we discussed the font sizes with different ranges; the above three outputs are executed in the chrome browsers the font size whatever we mention in the code it will be displayed in the browser the final example we have seen the font size, styles, and colors.

Conclusion

We have seen the html schriftart(font) is angerman language fonts; we will use the fonts to translate the html predefined tags to convert the german language, but the functionalities of the fonts are to be the same as we discussed in the font features, colors, and sizes. In CSS, it will declare in the font style attributes it will mention all the font behaviors.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!