Подключение сторонних шрифтов

@prudkiy · Регистрация: 21.07.2013

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

Всем здравствуйте ) У меня вот проблема из подключением сторонних шрифтов. В конкретном случаи нужен шрифт - Montserrat-Bold. Скачал, подключил

CSS
1
2
3
4
5
6
7
8
9
10
@font-face{
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold?iefix') format('eot'),
    url('../fonts/Montserrat-Bold.woff') format('woff'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype'),
    url('../fonts/Montserrat-Bold#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

и в итоге вижу такое
Вложение 939413
не нужно призрительно его розглядивать чтоб увидеть что его как будто собаки покусали )) В чем дело

@visitante2016 · 22.05.2018, 08:54

Я так понял это google fonts helper. ПутИ проверил?

@prudkiy · 22.05.2018, 17:35 **[ТС]**

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

Я так понял это google fonts helper. ПутИ проверил

сори, но причем тут гугл и конечно проверил, я не говорю что он не подключаеться. Он выглядит коряво

@Mailo · 26.05.2018, 23:35

Когда кусают собаки это вопрос к разработчику шрифта, ни или по меньшей мере к дизайнеру, у которого в фотошопе ни так больно кусают, если вы конечно понимаете о чём я

@Freeze_Breeze · 27.05.2018, 11:13

prudkiy, а от куда Вы качали шрифт? Попробуйте взять от сюда https://fonts.google.com/specimen/Montserrat

@prudkiy · 28.05.2018, 01:04 **[ТС]**

да, взял тот же через гугл и гуд. Не первый раз уже когда подключаешь с гугл все Ок, скачиваешь и подключаешь автономно - еб... - калатить

@Freeze_Breeze · 28.05.2018, 09:19

prudkiy, не знаю, у меня все отлично работает, но я подключал так:

HTML5
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
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">
 
<div class="container">
<h1 style="font-weight: 100">!!!Hello World!!!</h1>
<h1 style="font-weight: 200">!!!Hello World!!!</h1>
<h1 style="font-weight: 300">!!!Hello World!!!</h1>
<h1 style="font-weight: 400">!!!Hello World!!!</h1>
<h1 style="font-weight: 500">!!!Hello World!!!</h1>
<h1 style="font-weight: 600">!!!Hello World!!!</h1>
<h1 style="font-weight: 700">!!!Hello World!!!</h1>
<h1 style="font-weight: 800">!!!Hello World!!!</h1>
<h1 style="font-weight: 900">!!!Hello World!!!</h1>
</div>
 
<div class="container">
<h1 style="font-weight: 100; font-size: 90px">"Привет Мир"</h1>
<h1 style="font-weight: 200; font-size: 80px">"Привет Мир"</h1>
<h1 style="font-weight: 300; font-size: 70px">"Привет Мир"</h1>
<h1 style="font-weight: 400; font-size: 60px">"Привет Мир"</h1>
<h1 style="font-weight: 500; font-size: 50px">"Привет Мир"</h1>
<h1 style="font-weight: 600; font-size: 40px">"Привет Мир"</h1>
<h1 style="font-weight: 700; font-size: 30px">"Привет Мир"</h1>
<h1 style="font-weight: 800; font-size: 20px">"Привет Мир"</h1>
<h1 style="font-weight: 900; font-size: 10px">"Привет Мир"</h1>
</div>
 
<div class="container">
<h1 style="font-weight: 100; font-size: 10px">"Привет Мир"</h1>
<h1 style="font-weight: 200; font-size: 20px">"Привет Мир"</h1>
<h1 style="font-weight: 300; font-size: 30px">"Привет Мир"</h1>
<h1 style="font-weight: 400; font-size: 40px">"Привет Мир"</h1>
<h1 style="font-weight: 500; font-size: 50px">"Привет Мир"</h1>
<h1 style="font-weight: 600; font-size: 60px">"Привет Мир"</h1>
<h1 style="font-weight: 700; font-size: 70px">"Привет Мир"</h1>
<h1 style="font-weight: 800; font-size: 80px">"Привет Мир"</h1>
<h1 style="font-weight: 900; font-size: 90px">"Привет Мир"</h1>
</div>

CSS
1
2
3
4
5
6
7
8
h1 {
    font-family: 'Montserrat', sans-serif;
}
 
.container {
    display: inline-block;
    text-align: center;
}

@Freeze_Breeze · 28.05.2018, 09:48

prudkiy, у меня вообще шрифты не хотят подключатся автономно, я не знаю, что с этим делать я уже и переконвертировал по 10 раз и пути все до мельчайшей детали проверял и все пробелы убирал и дефисы и прочие знаки, а они не подключаются и все и что самое главное такое происходит каждый раз при подключении шрифтов, я не знаю что с этим делать и как бороться, меня это дико вымораживает, когда ты все пути указываешь правильно, все названия шрифтов указываешь правильно, а он не подключается... У меня саме больше нервов и времени уходит на подключение шрифтов. По этому я подключаю через

CSS
1
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">

@shvyrevvg · 28.05.2018, 10:05

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

у меня вообще шрифты не хотят подключатся автономно

Freeze_Breeze, а можно взглянуть как Вы подключаете(zip корня)?

@Freeze_Breeze · 28.05.2018, 19:09

shvyrevvg, Да, пожалуйста. Вот все что я подключаю:
1. Путь к шрифту (в папках Montserrat-Black и Montserrat-Bold по три формата шрифтов, это eot, ttf, woff)
2. Подключаемая папка с шрифтами
3. Файл с подключением шрифтов
А подключенный шрифт Ubuntu-Regular работает и ни на что не жалуется.

@prudkiy · 29.05.2018, 11:25 **[ТС]**

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

и пути все до мельчайшей детали

точно? а то вроде у вас шрифты лежат в папке Montserrat, а после или сразу шрифт или подпапка, в css коде, я этого не вижу.
Для sublime лучше поставить какой то плагин для указания путей подключения, например - AutoFileName

@Freeze_Breeze · 29.05.2018, 21:06

prudkiy, Решали Вашу проблему, а в итоге решили мою. Ну а Вы разобрались со своей проблемой?

@prudkiy · 30.05.2018, 12:58 **[ТС]**

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

Вы разобрались со своей проблемой

Та похоже то такой "классный шрифт", вообщем если нужный шрифт если в библиотеке гугла то лучше подключить его от туда, там хоть за качество отвечают

@SiarheiSiarhei · 30.05.2018, 18:52

Название: Screenshot_4.png
Просмотров: 64

Размер: 4.0 Кб

ttf работает - но проверять нужно

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль 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 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@visitante2016 6 / 6 / 0 Регистрация: 03.08.2016 Сообщений: 152
	22.05.2018, 08:54
	Я так понял это google fonts helper. ПутИ проверил? 0

@Mailo 248 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,312
	26.05.2018, 23:35
	Когда кусают собаки это вопрос к разработчику шрифта, ни или по меньшей мере к дизайнеру, у которого в фотошопе ни так больно кусают, если вы конечно понимаете о чём я 0

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	27.05.2018, 11:13
	prudkiy, а от куда Вы качали шрифт? Попробуйте взять от сюда https://fonts.google.com/specimen/Montserrat 0

@prudkiy 181 / 149 / 55 Регистрация: 21.07.2013 Сообщений: 958
	28.05.2018, 01:04 [ТС]
	да, взял тот же через гугл и гуд. Не первый раз уже когда подключаешь с гугл все Ок, скачиваешь и подключаешь автономно - еб... - калатить 0

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	28.05.2018, 19:09
	shvyrevvg, Да, пожалуйста. Вот все что я подключаю: 1. Путь к шрифту (в папках Montserrat-Black и Montserrat-Bold по три формата шрифтов, это eot, ttf, woff) 2. Подключаемая папка с шрифтами 3. Файл с подключением шрифтов А подключенный шрифт Ubuntu-Regular работает и ни на что не жалуется. Миниатюры 0

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	29.05.2018, 21:06
	prudkiy, Решали Вашу проблему, а в итоге решили мою. Ну а Вы разобрались со своей проблемой? 0

@SiarheiSiarhei 26 / 36 / 15 Регистрация: 15.01.2017 Сообщений: 311
	30.05.2018, 18:52
	ttf работает - но проверять нужно 0