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

Question

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

Например, в абзаце, который я использую font-face: Arial; font-size: 12pt;.Мне бы хотелось, чтобы только буква «а» отображалась в размере 10.

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

Спасибо.

Answer 1

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

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

Answer 2

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

Answer 3

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

например,

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

Answer 4

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

Answer 5

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