Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50

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

24.08.2016, 17:58. Показов 841. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Какая то фигня происходит. Либо с моим нотепадом, либо с хромом.
Прошлый раз я мучался с граниентом которые работал везде, кроме хрома.

Сейчас подключаю шрифт:

CSS
1
2
3
4
5
6
7
   @font-face {
    font-family: Chalkduster !important;
    src: url(../fonts/Chalkduster.ttf); 
     }
   h3 {
    font-family: Chalkduster;
   }
Все браузеры меняют шрифт, хром нет.
и еще. Что сильно смущает - нотепад не распознает команду src:



Перебивал в ручную, блокнотил. Не помогает.
Вот - даже тут запощенным мое src не выглядит так же как и font-family. (так и должно быть?)
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
24.08.2016, 17:58
Ответы с готовыми решениями:

Подключение кастомного шрифта
в psd макете посмотрел и там шрифт Eras Bold ITC Regular Прописал в css font-family:'Eras Bold ITC Regular'; Шрифт подключился но...

JavaFX подгрузка кастомного шрифта через css
Есть гугл шрифт. Его нужно использовать в приложении, которое может запускаться оффлайн. Например у нас есть уже есть css Который надо...

Проблемы с подключением
Суть такова: ноутбук, Asus k73e, периодически отключается от беспроводной сети и не находит других, решение только через диагностику...

10
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
24.08.2016, 19:58
А зачем вы ставите !important?
0
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50
24.08.2016, 22:55  [ТС]
Resume,

Импортант поставлен как один из вариантов "почему не работает шрифт". Сайт достаточно большой и в нем использовалось порядка 5 разных шрифтов. Этот я добавляю для слогана в шапку. Увидел что не работает, стал перебирить варианты. В том числе и такой. Его добавление или удаление ни чего не меняет. команда scr не срабатывает.
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
25.08.2016, 06:42
Noobichek, А скинте пожалуйста не большой архивчик со своим шрифтом css и 1 страницей html.
0
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50
25.08.2016, 09:07  [ТС]
Не удивлюсь, если он тупо не работает на моем конкретном гугле
Где то в соседнем топике человек мучается с градиентами. Я сталкивался с такими глюками, но я не знаю ниоткуда они растут, ни почему переписание кода тогда помогло.

Вот и тут со шрифтом - должно, но не работает.



P.S.
Уважаемый Федор, я ни как не могу найти как правильно вставлять картинки. И каждый раз когда вы правите текст, мне крайне не удобно. Извините меня.
Вложения
Тип файла: zip тест5.zip (268.5 Кб, 3 просмотров)
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
25.08.2016, 09:59
Noobichek, На счет картинок, посмотрите под формой добавке есть, мультизагрузка вложений, туда загружаете свои картинки.

Добавлено через 11 минут
Noobichek, И так, попробуйте найти этот же шрифт только в формате otf, возможно хром не умеет читать ttf

Добавлено через 11 минут
Псмотрел все браузер поддерживают и ttf и otf, но что то меня гложет. еще можно попробовать woff. Я так понима. это платный шрифт. Если у вас есть такие форматы то пробуйте.
0
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50
25.08.2016, 10:30  [ТС]
Шрифт бесплатный, "хром не умеет читать ttf" - так не бывает.
У вас на вашем хроме открылось корректно?

P.S.
Клиент выбрал другой вариант (к счастью). Вопрос теряет актуальность, но пока остается не отвеченным.
0
 Аватар для Kraken73
105 / 93 / 50
Регистрация: 17.09.2015
Сообщений: 612
25.08.2016, 10:46
Посмотрели бы в консоль, там написано что хром не может декодировать его. Идем на сервис. Генерируем шрифты и подключаем. И все работает
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
25.08.2016, 11:08
Noobichek, На моем хроме так же не отображает
0
0 / 0 / 0
Регистрация: 19.07.2016
Сообщений: 50
25.08.2016, 11:16  [ТС]
******73,

Если не сложно, можно про "посмотрели бы в консоль" - чуть детальнее? Ну как детальнее, как будто я ваще ни слова не понял. Дальше все понятно и спс.
0
 Аватар для Kraken73
105 / 93 / 50
Регистрация: 17.09.2015
Сообщений: 612
25.08.2016, 11:18
Цитата Сообщение от Noobichek Посмотреть сообщение
Если не сложно, можно про "посмотрели бы в консоль" - чуть детальнее?
ПКМ - посмотреть код - меняем вкладку elements на console. И там пишут ошибки(и не только) если они есть. И при подключении вашего шрифта там написано что chrome не может декодировать этот шрифт.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
25.08.2016, 11:18
Помогаю со студенческими работами здесь

Проблемы с подключением
Здравствуйте. Такая проблема: Подключила Беспроводной маршрутизатор со встроенным модемом ADSL 2+ к Стационарному компьютеру через...

Проблемы с подключением к WI-FI
Почти год назад собрал средненький ПК. Всё было хорошо, WI-FI ловил через дешёвенькую антенку. Потом она сломалась, и я купил не плохую...

Проблемы с подключением ТВ
Помогите кто может.....у меня есть тв и монитор, я подключил тв к компу через s-video, но при выборе типа отображения клон, не отображается...

Проблемы с подключением
Здравствуйте. Ятут новенький и сразу с проблемами :blink: 1. У меня есть 3 компьютера, один из них сервер, получается два подключаются...

Проблемы с подключением по bluetooth
Привет, возникла проблема с подключением 2 устройств по блютузу. То есть они подключаются, но при попытке переслать данные проблемы....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
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. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru