Я работаю над созданием своего второго сайта в VS Code и приобрел шрифт, который хотел бы использовать. Я понимаю, что мне нужно скачать файлы в корневую папку. Я не могу загрузить файлы. Когда я дважды щелкаю файлы woff2, я получаю всплывающее окно, сообщающее, что их нельзя открыть (я запускаю windows 10, если это имеет значение). Я понятия не имею, что делать. Я никогда не пытался сделать это раньше, и в Интернете, похоже, не так много информации об этом. Помощь приветствуется. Я включаю инструкции, которые пришли со шрифтом. Я распаковал папку, и в данный момент она находится в моей корневой папке в VS Code. Но я не могу скачать файлы шрифтов.
Загрузите ваш комплект
Загрузите содержимое комплекта на свой сервер. Обычно это делается с помощью какого-либо типа программы FTP - так же, как вы загружаете изображения и другие файлы на свой веб-сайт. Как правило, это проще всего, если вы загрузите все файлы и папки в корневую папку вашего сайта. Вы можете поочередно создать подпапку (или использовать существующую) и поместить туда набор, расположив его где угодно. Обязательно запишите местоположение, которое вам понадобится на втором шаге.
Редактировать свой сайт
Включите ссылку на комплект. Найдите файл CSS в главной папке набора. Вы должны разместить ссылку на этот файл в разделе заголовка HTML-кода вашего сайта. Убедитесь, что ссылка присутствует на всех HTML-страницах вашего сайта.
Это свяжет веб-шрифты из набора с вашим веб-сайтом. Если вы загрузили комплект в корневую папку вашего сайта, вы можете просто скопировать и вставить приведенный ниже код в заголовок вашего сайта. Если вы загрузили Kit в подпапку, вам необходимо настроить путь к файлам шрифтов в файле CSS.
- Редактируйте свой CSS
Теперь самое интересное! Вам нужно будет назначить веб-шрифты (font-family) для тегов, классов и других селекторов CSS. Вам нужно решить, где на вашем сайте вы хотели бы использовать веб-шрифты. Используя CSS, вы можете назначать веб-шрифты для определенных областей вашего сайта. Есть несколько способов сделать это, вот основы, и мы рассмотрим более продвинутые опции в разделе «Пример кода» ниже.
Простой метод - создать новый селектор классов, а затем назначить фамилии веб-шрифтов. Везде, где вы хотите использовать SaturdayScript, просто назначьте класс в своем HTML.