Как найти, импортировать и использовать определенный шрифт? - PullRequest
Новая
       1

Как найти, импортировать и использовать определенный шрифт?

0 голосов
/ 11 мая 2019

Я пытаюсь найти и импортировать шрифт с именем neontubes, в противном случае это шрифт с названием freestyle script.Как я понимаю, мне нужен src, который я бы поместил в свой style.css, а затем выбрал его с помощью стиля .div {font-family: foobar;} Так где же список не только этих двух типов шрифтов, но и всех с src?

Ответы [ 2 ]

0 голосов
/ 11 мая 2019

сохраните и загрузите необходимые файлы шрифтов в папку.В своей таблице стилей напишите следующее: 

@font-face {
  font-family: "foobar";
  src: url("specify the location of your font files") format("specify font format");
}

.div {font-family: foobar};

Чтобы использовать шрифты Google, есть два способа сделать это

, связав URL вhtml и упоминание семейства шрифтов в вашем css-файле. 

link href="https://fonts.googleapis.com/css?family=*family-name*" rel="stylesheet"

и упоминание следующего в вашем css-файле 

font-family: *family-name-given-in-the-link*;

второй способ - датьURL непосредственно в вашем файле CSS 

@import url('https://fonts.googleapis.com/css?family= *family-name*');

упомяните следующее в том же файле CSS 

font-family: *family-name-given-in-the-link*;
0 голосов
/ 11 мая 2019

Если вы пытаетесь найти шрифты и способ их вставки на страницу, я предлагаю вам взглянуть на Google Fonts

Чтобы использовать шрифты со ссылками, выможно просто связать шрифт от Google в вашем <head> разделе: 

<head>
    <link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
</head>

Тогда на вашем CSS вы просто сошлете шрифт на свой элемент: 

YourClassHere {
    font-family: 'Tangerine', cursive;
}

ЕслиВы хотите сделать это прямо в коде CSS, вы можете использовать атрибут @import, он будет выглядеть примерно так: 

YourClassHere {
    @import url('https://fonts.googleapis.com/css?family=Tangerine');
    font-family: 'Tangerine', cursive;
}

Подробнее о том, как использовать шрифты из Google: https://developers.google.com/fonts/docs/getting_started

ПРИМЕЧАНИЕ :.Если вы хотите загрузить шрифт и использовать его прямо на своем сервере / компьютере для автономного кодирования, вам следует использовать другое свойство в CSS.

Затем, после загрузки нужного шрифта, добавьте его в папку проекта иВаш CSS-код будет выглядеть следующим образом:

  • Сначала вам нужно будет указать шрифт, используя атрибут @font-face: @ font-face {font-family: NameYourFontHere;src: url (TheNameOfTheFontYouDownloadedHere.woff);// Не забудьте указать тип шрифта в конце}

  • Затем вы можете использовать его после указания шрифта, как указано выше:

    div{font-family: NameYourFontHere;}

Справочник по @font-face правилу: https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Справочник по @import правилу: https://www.w3schools.com/cssref/pr_import_rule.asp

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...