Automation Baby
недавно с Matirial Icons столкнулась с похожей проблемой: http://forum.mybb.ru/viewtopic.php?id=39546
происходить может не только от того, что font-family места, где они есть, "перебивается" стилями сайта.
что делать - зависит от ситуации.
вариант 1. можно вставить их другим кодом.
например, я решила не париться с приоритетом шрифта и прописывать отдельный код для иконок (достаточно большой).
я просто вставила их не через <span>, а через <i> (т.к. в стиле профиля применяется font-family на span)
вариант 2. можно поменять их приоритет через !important
но это не всегда просто. оптимально - "вскрыть" стиль иконок и дописать в него приоритет и селекторы.
например файл: https://fonts.googleapis.com/icon?family=Material+Icons
можно вот так попробовать:
#pun .material-icons {
font-family: 'Material Icons' !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-transform: none !important;
display: inline-block !important;
white-space: nowrap !important;
word-wrap: normal !important;
direction: ltr !important;
-moz-font-feature-settings: 'liga' !important;
-moz-osx-font-smoothing: grayscale !important;
}
вариант 3. можно разобраться что именно "перебивает" иконки и поправить стиль форума, чтобы не перебивал.
где можно посмотреть на квадратики?
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.