Как оптимально стилизовать текстовый логотип?

Question

[Hibooks]

Добрый день!

ЛОГОТИП:
Как лучше всего застилизовать логотип, который является текстом.

Имеем одно слово, одну тень (слева, размытая), один шрифт и размер, но два цвета.

НАВИГАЦИЯ:
Как лучше всего застилизовать элементы навигации так, чтобы при наведении шрифт становился жирным.

Проблема в том, что последующие элементы "прыгают", когда текст перед ними становится жирным.

Comments

[MrColdCoffee]

"hi" обернуть в span и задать цвет
будет что-то типа <a href="#" class="logo" ><span>hi</span>books</a>

вариант для навигации

[Hibooks]

MrColdCoffee, крутяк!

[Антон Литвиненко]

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

[MrColdCoffee]

Антон Литвиненко, нет!) наоборот. Всё текстовое только текстом! Сайт это не просто красивая картинка, а для поисковиков текст будет полезен.

[Антон Литвиненко]

MrColdCoffee, можете дописать к нему альт и тайтл. Я описал почему я за картинку. И наврядли на сео влияет логотип

[Ankhena]

MrColdCoffee, если это именно логотип, часть фирменного стиля, то это картинка.
Шрифты рендерятся по-разному разными системами, браузерами, программами. Логотип не должен от этого зависеть.

[Hibooks]

Ankhena, спасибо, я так и сделаю, убедили )

Answer 1

[Антон Литвиненко]

логотип должен быть картинкой
по второму нашел чье-то неплохое решение, давно храню
https://codepen.io/moonpresence/pen/YzyLxza

Comments

[Hibooks]

спасибо! использовал метод с тенью, все сработало как нужно!

Answer 2

[Сергей delphinpro]

1. разместить в двух span
2. тут поинтереснее.