изменение размера символов с помощью CSS

можно ли изменить размер определенного символа с помощью CSS?

например, в абзаце я использую font-face: Arial; font-size: 12pt;. Я хотел бы, чтобы только буква "a" появилась в размере 10.

есть ли способ сделать это?

спасибо.

9
css fonts size typography

5 ответов

Я не верю, что вы можете использовать текстовый редактор для поиска / замены "a" на <span class='a-xxx'>a</span> и затем вы можете использовать css для.a-xxx { font-size: 10px; }

5

нет. Кроме :first-letter и другие псевдоклассы, вы не можете ориентироваться на отдельные символы с помощью CSS. Вам нужно будет обернуть символ в элемент (например, a <span>), чтобы указать стиль для него.

вы можете обойти это с помощью Javascript - есть решения на основе jQuery для этого здесь на SO. Но это запутано.

10

нет. Вы можете использовать только целевые элементы (например, промежуток, содержащий одну букву) и псевдоэлементы (например,:first-letter).

0

вы не можете сделать это кросс-браузерным и простым способом без javascript. Я рекомендую "captify" для jquery.

0

также для доступности и совместимости и все, что лучше не определять конкретные шрифты (попробуйте шрифт-семейство) и размеры с точки зрения больших, больше, чем использовать % ontop этого, и определить их все как пользовательские стили span/div

Эл.г

bigletter (размер шрифта: 150%);

0