#css #fonts
Вопрос:
Я импортировал вес шрифта Google (Raleway) через CDN и включил в него несколько весов. CSS подхватывает шрифт и правильно изменяет мой текст, но все шрифты изменяются на первый вес в CDN.
Вот мой CDN:
lt;link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;900amp;display=swap" rel="stylesheet"gt; и вот мой (чрезвычайно простой) CSS:
body { font-family: 'Raleway'; font-weight: 900; } CSS, похоже, полностью игнорирует мой атрибут веса шрифта, так как все шрифты имеют вес 500 (или любой другой вес, который я сначала ввел в CDN).
Я совершенно потерялся и не могу понять, что случилось. Я проверил несколько подобных вопросов, но во всех из них есть незначительные ошибки, такие как импорт неправильных шрифтов и тому подобное.
Есть какие-нибудь идеи о том, что я делаю не так? Спасибо!
Ответ №1:
То, что вы показываете, работает идеально.
Проблема в ДРУГОМ месте вашей HTML-страницы.
body { font-family: 'Raleway'; font-weight: 900; font-size : 64px; } p.w500 { font-weight: 500; } lt;link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;900amp;display=swap" rel="stylesheet"gt; lt;p class="w500"gt; hello world! 500 lt;/pgt; lt;p gt; hello world! 900 lt;/pgt; Комментарии:
1. Оказывается, это действительно было что-то другое; bootstrap (?). веса шрифтов были перезаписаны, может ли это быть связано с тем, что мой основной css связан НИЖЕ ссылки на css начальной загрузки?
2. @SessionPHP Отсюда невозможно узнать, в чем ваша проблема. вы должны использовать инспектор кода вашего браузера (клавиша F12 на клавиатуре, когда страница открыта).
Ответ №2:
вы пытались добавить !важно в свой css ?
body { font-family: 'Raleway'; font-weight: 900 !important; } Комментарии:
1. Да, я это сделал. Никаких изменений в весе шрифта вообще.
Ответ №3:
Я думаю, что у вас должен быть второй вариант для семейства шрифтов:
body { font-family: Raleway, sans-serif; }