Не получается применить шрифт 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 не могу разобратся в чем беда, а сдаваться нельзя ! Благодарю

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@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

Решение