Онези малки символи, които ползваме за различни означения, за подсилване на типографското представяне, като "графични" обекти, за добавяне на граничност на обеми и гридове, за повтарящи се означения и какво ли още не.
Търсих преобразовател, за да добавя подобни символи през CSS и попаднах на таблица с glyphs (доста богато попълнена) на сайта на CSS-Tricks, а от там попаднах на Entity Conversion Calculator.
Как да ползвате калкулатора? От горната таблица с glyphs си избирате символа, който искате да използвате във вашия CSS. Копирате стойността от колоната "Numeric" на таблицата за съответния символ в полето за въвеждане на калкулатора и "пускате" калкулатора. Стойността изписала се в полето "CSS Value (Hex)" е нужната Ви.
Как да ползвате в CSS? На мен ми беше нужно, в зависимост от използвана валута, към стойностите в страница да добавям съответния символ. За целта всяка въведена парична стойност е в обект с клас currency, който приема различни стойности в зависимост от валутата. Пример с евро: .currency:before {content: "\20AC "}.
Вярно е, че внасям съдържание през слоя за дизайн, но го ползвам внимателно и то само за визуално представяне и подобряване на правилното възприемането на стойностите от потребителите. За хората ползващи алтернативни методи за достъп до информацията е заложена допълнително насочваща информация - оказваща им типа валута ползвана за целия сайт, в зависимост от избраната от тях и лесни препратки за до-информиране по време на ползване на сайта.
Напишете вашето мнение