Шрифты гугла

@Блондинка йа · Регистрация: 08.03.2019

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

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title></title>
    <style>
@import url('https://fonts.googleapis.com/css?family=Cantata+One|Noto+Serif|PT+Serif|Tinos|Unna&display=swap');
      body { font-family: 'Cantata One', serif; }
#footer { width: 100%; border: 1px solid #ccc; -webkit-border-radius: 15px/12px; -moz-border-radius: 15px/12px; border-radius: 15px/12px; text-align: center; padding: 5px; }
#copy_host_year { border: 1px solid #ccc; -webkit-border-radius: 15px/12px; -moz-border-radius: 15px/12px; border-radius: 15px/12px; display: inline-block; }
      #copy { border: 1px solid #f00; font-size: 300%; font-family: 'Cantata One', serif; display: inline-block; -webkit-transform: rotateY(180deg);} -moz-transform: rotateY(180deg);} -o-transform: rotateY(180deg);} -ms-transform: rotateY(180deg);} transform: rotateY(180deg); }
#year_start { font-weight: bold; font-size: 50px; font-family: 'Noto Serif', serif;}
 
    </style>
<script src="/js/host_year.js"></script>
   </head>
   <body>
  <div id="footer">
  <div id="copy_host_year">
<span id="copy">©</span>
<span id="host"></span><br>
<span id="year_start"></span>
</div>
<div id="kalendar">
</div>
</div>
<span style="font-family: 'PT Serif', serif;">0 1 2 3 4 5 6 7 8 9«г»</span><br>
Aa Bb Сс Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Оо Рр Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz<br>
Аа Бб Вв Гг Ґґ Дд Ее Ёё Жж Зз Ии Йй Її Іі Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Ўў Фф Хх Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Єє Юю Яя
</body>
</html>

Добавлено через 5 минут
почему в 22 строке шрифт не срабатывает, если указать во внутреннем стиле, а в 27 строке указано в встроенном стиле всё работает?

@shvyrevvg · 23.09.2019, 10:52

Блондинка йа, нет шрифта для жирного начертания(font-weight bold).

Добавлено через 1 минуту
Как-то так должно быть https://fonts.googleapis.com/c... splay=swap

@Блондинка йа · 23.09.2019, 11:07 **[ТС]**

shvyrevvg, если в стиле убрать font-weight: bold; будет работать?

Добавлено через 5 минут
shvyrevvg, убрала в 22 строке жирное начертание, а в 27 строке добавила, в 22 не работает, а в 27 с жирным начертанием работает

@shvyrevvg · 23.09.2019, 11:34

Блондинка йа, для разных начертаний нужны разные шрифты, вместо

CSS
1
@import url('https://fonts.googleapis.com/css?family=Cantata+One|Noto+Serif|PT+Serif|Tinos|Unna&display=swap');

нужно

CSS
1
@import url('https://fonts.googleapis.com/css?family=Cantata+One|Noto+Serif:400,700|PT+Serif|Tinos|Unna&display=swap');

это добавит Noto Serif regular(400), bold(700). Все это можно настроить в google fonts.

@Блондинка йа · 23.09.2019, 12:06 **[ТС]**

shvyrevvg, исправила, но причина в чем то другом, в 22 строке отображается шрифтом Cantata One а не как указано в стиле PT Serif, для проверки указала размер 50пк, но отображается стандарным размером, одним словом строка 12 в стиле не срабатывает ...

@shvyrevvg · 23.09.2019, 12:29

Блондинка йа, отформатируйте нормально код, у Вас куча лишних закрывающихся фигурных скобок.

@Cheeeasy2501 · 23.09.2019, 13:37

Блондинка йа, Не срабатывает, потому-что не подключает ваш стиль.
Через css все работает:

CSS
1
2
3
4
5
#year_start
{
  font-size:60px;
  font-family:'Noto Serif';
}

@Блондинка йа · 23.09.2019, 20:29 **[ТС]**

Cheeeasy2501, если можно выложи код всей страницы

Добавлено через 2 минуты
shvyrevvg, а можно конкретнее, в каких именно строках из первого поста лишние скобки?

@shvyrevvg · 24.09.2019, 07:27

Блондинка йа,

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<style>
@import url('https://fonts.googleapis.com/css?family=Cantata+One|Noto+Serif:400,700|PT+Serif|Tinos|Unna&display=swap');
body {
  font-family: "Cantata One", serif;
}
#footer {
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 15px/12px;
  -moz-border-radius: 15px/12px;
  border-radius: 15px/12px;
  text-align: center;
  padding: 5px;
}
#copy_host_year {
  border: 1px solid #ccc;
  -webkit-border-radius: 15px/12px;
  -moz-border-radius: 15px/12px;
  border-radius: 15px/12px;
  display: inline-block;
}
#copy {
  border: 1px solid #f00;
  font-size: 300%;
  font-family: "Cantata One", serif;
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#year_start {
  font-weight: bold;
  font-size: 50px;
  font-family: "Noto Serif", serif;
}
</style>

@Блондинка йа · 13.10.2019, 18:12 **[ТС]**

народ, кто сейчас с компа? помогите определить адрес файла шрифта, скачать можно на стр https://ofont.ru/view/1808 для @font-face,

@TolikD · 13.10.2019, 18:23

Там нет файла, загрузка формируется динамически

HTML5
1
<form method="post" action="/download/"><input type="hidden" name="font_id" value="1808" />

@Блондинка йа · 13.10.2019, 18:37 **[ТС]**

хоть загрузка и формируется динамический, но файл откуда то загружается...

помогите найти ссылку на этот шрифт с кириллицей...

@TolikD · 13.10.2019, 19:45

Не проще ли скачать на сервер и создать свою ссылку?

Добавлено через 1 минуту
http://fonts.by/pages/fonts/an... ok_cyr.ttf

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@shvyrevvg 1786 / 1036 / 445 Регистрация: 12.05.2016 Сообщений: 2,550
	23.09.2019, 10:52
	Блондинка йа, нет шрифта для жирного начертания(font-weight bold). Добавлено через 1 минуту Как-то так должно быть https://fonts.googleapis.com/c... splay=swap 0

@Блондинка йа 13 / 12 / 1 Регистрация: 08.03.2019 Сообщений: 279
	23.09.2019, 11:07 [ТС]
	shvyrevvg, если в стиле убрать font-weight: bold; будет работать? Добавлено через 5 минут shvyrevvg, убрала в 22 строке жирное начертание, а в 27 строке добавила, в 22 не работает, а в 27 с жирным начертанием работает 0

@Блондинка йа 13 / 12 / 1 Регистрация: 08.03.2019 Сообщений: 279
	23.09.2019, 12:06 [ТС]
	shvyrevvg, исправила, но причина в чем то другом, в 22 строке отображается шрифтом Cantata One а не как указано в стиле PT Serif, для проверки указала размер 50пк, но отображается стандарным размером, одним словом строка 12 в стиле не срабатывает ... 0

@shvyrevvg 1786 / 1036 / 445 Регистрация: 12.05.2016 Сообщений: 2,550
	23.09.2019, 12:29
	Блондинка йа, отформатируйте нормально код, у Вас куча лишних закрывающихся фигурных скобок. 0

@Блондинка йа 13 / 12 / 1 Регистрация: 08.03.2019 Сообщений: 279
	23.09.2019, 20:29 [ТС]
	Cheeeasy2501, если можно выложи код всей страницы Добавлено через 2 минуты shvyrevvg, а можно конкретнее, в каких именно строках из первого поста лишние скобки? 0

@Блондинка йа 13 / 12 / 1 Регистрация: 08.03.2019 Сообщений: 279
	13.10.2019, 18:12 [ТС]
	народ, кто сейчас с компа? помогите определить адрес файла шрифта, скачать можно на стр https://ofont.ru/view/1808 для @font-face, 0

@Блондинка йа 13 / 12 / 1 Регистрация: 08.03.2019 Сообщений: 279
	13.10.2019, 18:37 [ТС]
	хоть загрузка и формируется динамический, но файл откуда то загружается... помогите найти ссылку на этот шрифт с кириллицей... 0

@TolikD 117 / 81 / 36 Регистрация: 30.07.2017 Сообщений: 371
	13.10.2019, 19:45
	Не проще ли скачать на сервер и создать свою ссылку? Добавлено через 1 минуту http://fonts.by/pages/fonts/an... ok_cyr.ttf 0