mannaro Mar 16 2015 at 01:40

CSS Sans — шрифт, написанный на CSS

1 min

17K

Abnormal programming*CSS*

Recovery Mode

+10

Comments 12

homm Mar 16 2015 at 01:45

Имею сказать, что это очень некачественный шрифт, который работает только на белом фоне.

mapron Mar 16 2015 at 05:15

Я думаю это из-за background-color объявлений в правилах. По идее, это должно решаться less/sass генераторами (так же как и размер шрифта).

Myshov Mar 16 2015 at 06:40

На разноцветных фонах и прочих фотографиях все равно будет выглядеть не особо хорошо.

homm Mar 16 2015 at 11:01

Это не решается less/sass генераторами. Фон может быть разным, не обязательно одноцветным.

extempl Mar 16 2015 at 08:26

Этого можно избежать задавая

background-color: inherit;

И пробрасывая цвет фона к блокам, где указывается шрифт.

Но у этого шрифта и другая проблема — это ужасность анимации трансформации, в чём только этот шрифт и может быть использован. SVG здесь куда уместнее.

-1

homm Mar 16 2015 at 11:01

Это нельзя избежать задавая background-color: inherit. Фон может быть разным, не обязательно одноцветным.

extempl Mar 16 2015 at 11:37

Я не указывал это в силу очевидности.
Очевидно, что inherit наследует родительский цвет фона заданный явно, а неоднородный фон будет выглядеть криво.
Тем не менее, это решит проблему, если фон текста — однородный.
В любом случае, svg решит и эту проблему.

bolk Mar 16 2015 at 07:33

Однако, видел ли ты когда-нибудь шрифт, который написан только на CSS?

Видел и три года назад сам делал, но у меня, конечно, он попроще был:

+17

UFO just landed and posted this here

BubaVV Mar 16 2015 at 16:12

Ждем LaTeX на CSS

Xao Mar 17 2015 at 20:34

Есть html-тег <math>. Хотя, простите, о чём это я? Писать разметку формул вручную невозможно, а поддержка браузерами практически никакая. Да, было бы здорово что-то вроде <math type="latex">…

t1gor Mar 17 2015 at 01:35

Теги очень точно отражают смысл статьи, но все-равно спасибо :)

Show the best of all time