Здесь я расскажу как устроено отображение знака рубля руб. на этом сайте. Из всех способов, предложенный ниже, с моей точки зрения, является самым корректным и правильным. И суть его заключается в следующем — создается несколько отдельных шрифтов (основной regular и его версии bold, italic и bolditalic в случае необходимости). Каждый из которых содержит всего 4 символа — «р», «у», «б» и «.». На месте буквы «р» закреплен знак рубля руб., на месте букв «у», «б» и символа «.» — пустые глифы нулевой ширины.

Основным преимуществом данного метода, является отображение наименования руб. в случае, если со шрифтами что-то не в порядке. Подробности — далее.

Перед каждым человеком, занимающимся веб-дизайном рано или поздно встает задача определить стиль ссылки в зависимости от самой ссылки. Самым ярким примером такой задачи могут служить внешние ссылки. Внешние ссылки — это ссылки, которые при нажатии на них отправят пользователя на другой ресурс (который, вероятно, откроется в новом окне). Другим примером может послужить список ссылок «Что почитать», который есть внизу практически каждой моей статьи. Здесь была реализована визуальная идентификация ссылки, в случае указания её на распространенный ресурс. Итак, как же это делается? В подавляющем большинстве случаев это реализуется при помощи css-селекторов: