Не получается применить шрифт Pt Sans

@AleksandrYury4 · Регистрация: 30.09.2021

Студворк — интернет-сервис помощи студентам

Прохожу видео урок по верстке и не как не могу применить этот шрифт нашел его https://fonts.google.com/specimen/PT+Sans вроде все как положено сделал , запускаю в браузере для проверки inspect и нифига - Times New Roman

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link href = "https: //fonts.googleapis.com/css2? family = PT + Sans: wght @ 400; 700 & display = swap "rel =" stylesheet ">
    <title>MailGenyus</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

css

CSS
1
2
3
4
body {
    font: 400 14px/1 'PT Sans', sans-serif;
    margin: 0;
}

@mr_dramm · 30.09.2021, 20:34

Сообщение от AleksandrYury4

Лишние пробелы

Чтобы не набирать все это в ручную заходите по вашей ссылке, выбирайте из списка доступных стилей нужный нажимаете ссылку "Select this style" справа появится панелька в которой будет написано как как подключить шрифт и там можно скопировать html для подключения. Например стиль Regular 400

HTML5
1
2
3
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">

Добавлено через 3 минуты
И Ваш случай 400 и 700

HTML5
1
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">

@AleksandrYury4 · 30.09.2021, 20:39 **[ТС]**

Благодарю за ответ я так и сделал выбрал 2 нужных мне стиля и справа мне выдало ссылку я копирую эту ссылку

HTML5
1
2
3
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">

потом пробывал просто этот линк

HTML5
1
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet"

но все равно в браузере не применяется этот шрифт

@AleksandrYury4 · 30.09.2021, 20:50 **[ТС]**

Вот так это выглядит в коде, вроде как все должно работать, стопорнуло меня на этой мелочи уже кучу времени убил(

@mr_dramm · 30.09.2021, 20:58

покажите файл style.css, он точно подключается в консоли нет ошибок подключения?
типа Failed to load resource: the server responded with a status of 404

Попробуйте подключить его так может он закэшировался

HTML5
1
<link rel="stylesheet" href="css/style.css?v=001">

@AleksandrYury4 · 30.09.2021, 21:05 **[ТС]**

О боже, я вас благодарю, спасибо что указали мне на мой косяк ошибка была в имени файла Stile.cc , я ужечаса 2 не могу разобратся в чем беда, а сдаваться нельзя ! Благодарю

Новые блоги и статьи Все статьи Все блоги /
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .

@AleksandrYury4 0 / 0 / 0 Регистрация: 30.09.2021 Сообщений: 4
	30.09.2021, 20:50 [ТС]
	Вот так это выглядит в коде, вроде как все должно работать, стопорнуло меня на этой мелочи уже кучу времени убил( Миниатюры 0

@AleksandrYury4 0 / 0 / 0 Регистрация: 30.09.2021 Сообщений: 4
	30.09.2021, 21:05 [ТС]
	О боже, я вас благодарю, спасибо что указали мне на мой косяк ошибка была в имени файла Stile.cc , я ужечаса 2 не могу разобратся в чем беда, а сдаваться нельзя ! Благодарю Миниатюры 0

Не получается применить шрифт Pt Sans

Решение