web-dev-qa-db-fra.com

Comment utilisez-vous les fonctionnalités spéciales d'une famille de polices dans HTML?

Comment utilisez-vous les symboles, glyphes, ornements et autres éléments d'une famille de polices? Par exemple, comment utilisez-vous l'indice supérieur d'une police?

htmlweb-developmenthtml5fontscss3
1
Kosiak

Vous êtes après deux choses différentes

Vous insérez des caractères spéciaux, par exemple des droits d'auteur, des lettres accentuées, en utilisant des entités HTML, par exemple. © ou © pour ©. Voici une liste https://www.freeformatter.com/html-entities.html

Pour obtenir un indice supérieur, cela n’a rien à voir avec des entités. Dans ce cas, il s’agit de la taille et de l’emplacement du texte.

Votre HTML ressemblerait à ceci

<p>H<span class="atoms">2</span>SO<span class="atoms">4</span> is the chemical formula for sulphuric acid.
But how is this gold Au<span class="charge">2+</span>?</p>

le CSS serait

p { line-height: 1.5 }

.charge {
    position: relative;
    bottom: 0.5em;
    color: red;
    font-size: 0.8em;
}

.atoms {
    position: relative;
    top: 0.3em;
    color: blue;
    font-size: 0.8em;
}

Cet exemple provient de http://htmldog.com/techniques/superscript/ , voyez-le en action ici http://htmldog.com/examples/superscript/

Je n'ai aucune association avec l'une ou l'autre des pages.

1
Steve