Добавить шрифты в CSS
Чтобы добавить шрифты на свой сайт, я добавил это в свой CSS:
@font-face {
font-family: 'FontAwsome';
src: url('./webagency_images/fonts/fontawsome-webfont.eot');
src: url('./webagency_images/fonts/fontawsome-webfont.woff') format('woff');
src: url('./webagency_images/fonts/fontawsome-webfont.svg') format('svg');
src: url('./webagency_images/fonts/fontawsome-webfont.ttf') format('truetype');
src: url('./webagency_images/fonts/FontAwsome.otf') format('otf');
}Мои шрифты находятся в webagency_images / fonts
Я делаю что-то неправильно? На сайте не выкладывают ...
Думаю, src: url('webagency_images/fonts/fontawsome-webfont.eot'); справится. Или используйте CDN.
—
27.04.2018 19:56
Видя, как вы интегрируете font-awesome в свой проект / веб-сайт, я бы сослался на раздел документации по началу работы (fontawesome.com/get-started). Вам не нужно объявлять эти шрифты как таковые в вашем CSS, чтобы использовать их, вообще говоря, FontAwesome импортируется в <head> вашего веб-сайта.
—
27.04.2018 21:09
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
3
1 883
2
Ответы 2
Правильный URL-адрес должен быть:
src: url('../webagency_images/fonts/fontawsome-webfont.eot');
Если вы решите использовать CDN напрямую, сделайте следующее и измените номер версии на самую последнюю.
<link rel='stylesheet' href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css' type='text/css' />
Или вы можете добавить следующее в самом верху вашего файла CSS:
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css");
Другие вопросы по теме
Выровнять шрифт и текст по левому краю
Отсутствуют случайные значки в Wordpress
React.js не отображает правильный значок шрифта awesome
Bootstrap 3 - класс с выталкиванием вправо - выталкивание из ряда
Использовать значок Font Awesome (5) во вводимом тексте-заполнителе
Изменить текст с помощью значка в css
Как использовать псевдоэлементы: before и: after
Z-index с иконками font awesome не работает
Как сделать так, чтобы значок шрифта Awesome отображался в центре внутри div
Возможно ли в Font Awesome переключаться между префиксом данных «far» и «fas» с помощью атрибута содержимого CSS?
Похожие вопросы
Тема Bootstrap 4 для Wordpress - вертикальное выравнивание не работает
CSS-анимация, воспроизведение, а затем обратная анимация при наведении курсора
Проблема с HTML CSS FLEX, блоки div не центрируются правильно
Для хранения ответа в массиве и изменения цвета кнопки
Как настроить поля при создании панели мониторинга с помощью CSS и Bootstrap
Выпадающее меню не работает внутри панели навигации, но работает снаружи
Любой способ добавить имя класса из переменной в элемент хоста в Angular2, не стирая существующие классы?
Одна и та же таблица стилей по-разному отображается в браузере и на сервере, где она хранится
Сделать текст перевернутым, CSS и HTML5
Где найти или переопределить _navbar.scss?
Почему бы просто не сослаться на CDN в заголовке?