9
votes

Changer la taille de la police uniquement pour un seul caractère avec CSS

est-il possible de modifier la taille d'un caractère spécifique à l'aide de CSS?

Par exemple, dans un paragraphe, j'utilise Font-face: ARIAL; Taille de la police: 12pt; . Je voudrais que seule la lettre "A" apparaisse dans la taille 10.

Y a-t-il un moyen de faire ça?

Merci.


0 commentaires

5 Réponses :


0
votes

non. Vous ne pouvez que cibler des éléments (tels qu'une plage contenant une seule lettre) et des pseudo-éléments (tels que : première lettre ).


0 commentaires

10
votes

non. Sauf pour : première lettre et Autres pseudo-classes, vous ne pouvez pas cibler les caractères simples en utilisant CSS. Vous auriez besoin d'envelopper le caractère dans un élément (par exemple, un ) pour spécifier un style pour cela.

Vous pouvez contourner cette question à l'aide de JavaScript - il existe des solutions basées sur jQuery pour cela ici. Mais c'est kludgy.


0 commentaires

5
votes

Je ne crois pas que vous puissiez, envisagez d'utiliser un éditeur de texte pour faire une recherche / remplacement 'A' avec a et ensuite Vous pouvez utiliser CSS pour faire .a-xxx {format de police: 10px; }


0 commentaires

0
votes

Vous ne pouvez pas faire cela dans un navigateur croiseur et simple sans JavaScript. Je recommande "Captify" pour JQuery.


0 commentaires

0
votes

Aussi pour l'accessibilité et la compatibilité et tout ce qu'il est préférable de ne pas définir de polices spécifiques (essayez la famille de la famille) et de la taille en termes de grande taille, puis utilisez% autop de cela et définissez-les tous comme des styles de span / div

E.g

Bigletter (taille de la police: 150%);


1 commentaires

Merci à tous pour les réponses. ont été très utiles. Je vais essayer de chercher et remplacer sur mon site et si cela ne va pas, peut-être JQuery.