Возможно ли поменять цвет точки над i в CSS?

Question

[Luke LikeSkywalker]

Делаю логотип для сайта. И мне нужно поменять цвет точки над i на другой цвет. Возможно ли это сделать силами CSS?

Comments

[Rustam Bainazarov]

Нет, только визуальным хаком.

Либо SVG вставляйте.

[#FFFFFF]

Вообще, логотип надо вставлять картинкой в тег img, потому что логотип - это знак, а не текст. Если у вас не прогрузится шрифт, то знак потеряет свою целостность. К тому же утрачивается возможность переиспользовать этот знак на других ресурсах.

Answer 1

[hesrun]

Логотип, на сайте должен быть картинкой! По одной простой причине, если кому-то нужен будет ваш лого, он попросту не сможет его взять.

Answer 2

[Andrew]

написать вместо "i" "l" (большую "I") меньшим шрифтом и абсолютом добавить точку

Comments

[Rustam Bainazarov]

Можно точку делать псевдо-элементом поверх оригинального символа i :))

Answer 3

[lagudal]

Вообще смотря какая цель преследуется выводить лого шрифтом - если чисто исходя из того, что создано прикольное и простое лого на основании игры шрифта, возможно, лучшее решение было бы сделать его в svg - если лого действительно не сложное, то в svg оно может быть считанные кб, 1-2, а то и байты. Ну т.е. как векторная иконка. Кроме того, в зависимости от желаний, извращаться можно c svg как душа пожелает.
ps. кстати не очень давно тоже обыгрывал именно i с точкой.
https://codepen.io/lagudal/pen/aPgWbw