Яку техніку ви використовуєте для роботи зі знаком рубля при верстці сайтів

Ми збираємо шрифт, в якому визначено тільки символ великої літери Р, але він має вигляд знака рубля. Цей спеціальний шрифт підключаємо за допомогою ЦСС -правила font-face:

При копіюванні і в старих браузерах на місці «Р» буде «Р».

Такий рубль не боїться будь-якого розміру і накреслення шрифту, працює в ИЕ 5+, Опері 10+, файрфокс 3.5+, хрому 3 і Сафарі 3.1+:

збірка шрифту

Щоб зробити такий набір, скачайте шрифт ALS Rubl зі знаками рубля для різних гарнітур, створений в Студії Лебедєва.

Відрийте його в Фонтографере (Fontographer):

У вікні Font Information назвіть шрифт, вкажіть його насиченість (Weight) і нахил (Slope). Збережіть otf-файл (File → Generate Font Files).

Отриманий файл конвертує в кросбраузерності набір шрифтів через сервіс Font Squirrel. Перед скачуванням свого набору перейдіть в «експертний» режим і відзначте No Subsetting і Style Linking.

При необхідності повторіть все для інших накреслень. Зберіть файли в одну папку, а код підключення в один ЦСС-файл:

Тепер шрифт ALSRubl-Verdana можна використовувати:

Готові набори шрифтів з ЦСС і тестовими сторінками. В асортименті - Arial, Вердана, Георгія, Таймс, Тахом:

Це був рада про розробку веб-інтерфейсів. Хочете дізнатися все про розумну верстці, правильних скриптах, граціозною деградації, трюках і роботі технолога з дизайнером? Надсилайте питання.

Деякий час назад в Студії Лебедєва пробували схоже рішення: шрифти, в яких тільки символи пробілу, «р», «у», «б» і «.»

Пропуск - половинний (яке повинно бути відстань між числом і знаком), замість «р» - знак рубля, а «у», «б» і «.» - символи нульовий ширини.

Вставляли це все конструкцією: 123 руб.

В результаті браузери, які підтримують подгрузку шрифтів, показують знак, інші - «123 руб.» (Типу graceful degradation), і останнє також копіюється в буфер обміну.

Єдиний недолік - «стрибає» ширина при підвантаження шрифту (знак рубля вже рядки «руб.»)

Чи не в курсі, чи користуються в Студії цим після мого відходу. Але якщо будуть потрібні варіанти для Аріана (regular, bold, italic.) У мене десь є - напишіть.

Я думаю, краще робити приблизно так:
100 500 р.

Або навіть так:
100 500 р уб.

Де внутрішній спан ховається той чи інший спосіб. Це для того, щоб при копіюванні виходив текст «100 500 руб.», А не «100 500 Р».

У спецшріфте в такому випадку накреслення знака рубля слід «повісити» на малу р.

Ось тільки якщо скопіювати і вставити текст, то буде «100 500 Р»
А по ідеї повинно бути «100 500 р.» Або «100 500 руб.»

Можна символ рубля привласнити точці, а букві нічого не привласнювати.

Не май 100 р.

Тоді при копіюванні від краю до краю буде копіюватися ціна з правильним позначенням валюти. Але при копіюванні одного символу рубля - тільки крапка.

Милиці, ех, милиці.

Але можна при копіюванні символу рубля скриптом перехоплювати дані і робити заміну на «руб.»

Що ви думаєте з цього приводу? Наскільки взагалі потрібно морочитися цією проблемою?

Розробка веб-інтерфейсів 69

нещодавно спливло

Велика Новодмітровская вулиця, 36, будова 2
Москва, Україна, 127015