konst34,
1. При подключении шрифта через font-face в font-family пишется только его название.
2. А вот когда вы хотите применить его к какому-то элементу, там уже нужно указывать запасной шрифт из стандартных и/или семейство.
Не поверю, что в первых же строках гугла нет примеров.
p.s. современным браузерам лучше формат woff2, а woff для предыдущего поколения.
В вашем коде нет подключения шрифтов.
1. Шрифты подключаются с помощью правила @font-face
2. Ну а дальше нужно смотреть в консоль, правильные пути и потом по обстоятельствам.
modelair, редкость зависит от вашего окружения (в том числе и виртуального, как например, Тостер). Делает оно так или нет. Т.е. субъективная оценка.
Достаточно найти тему сторонников верстки в rem и редко превратится в часто :)
Илья, в спрайте потерян viewbox. Вернете всё заработает.
p.s. сейчас удобнее использовать стеки, т.е. спрайты состоящие из svg, а не из symbol.
Плюс в том, что можно использовать
- в use
- в img
- как background
- как mask (идеальный вариант для меняющих цвет иконок на данный момент)
- как content в псевдо (неудобный вариант, плохо контролируемые размеры)
Используя 3 или 4 вариант, вы получите чистенькую разметку:
Если бы вы сделали песочницу на codepen.io с видимой проблемой, то помощь пришла бы быстрее.
Ну или хотя бы опубликовали весь код, который касается текущей проблемы.
Сейчас, ваше описание про что-то поверх head вызывает лишь странные эпитеты. Для head, конечно, тоже можно позадавать некоторые css свойства, но тут к эпитетам добавятся еще и вопросы.
Точно также как и в css.
Вы пытаетесь расположить блок зигзагом. Так не бывает. Блоки прямоугольные. (Даже если нам иногда кажется, что они круглые или ромбиками)