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

Один шрифт на разных ОС выглядит по-разному

26.05.2015, 17:36. Показов 5575. Ответов 13
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.
Верстал сайт из под OS X, пришло время делать оптимизацию для других систем, и столкнулся с тем что один шрифт, не стандартный, GOTHAM, на Маке выглядит отлично, как и надо, а вот на Windows он выглядит совсем по другому. Я так понимаю суть в том что на Маке идет сглаживание текста, а на Винде таковое отсутствует.
Гуглил, но ничего толком не нашел. Есть ли способ привести шрифт к одному виду на обоих системах?

Пример текста

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

Размер: 4.5 Кб
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
26.05.2015, 17:36
Ответы с готовыми решениями:

Почему в разных браузерах один и тот же шрифт выглядит по разному?
Почему в разных браузерах один и тот же шрифт выглядит по разному? Спасибо.

На разных ПК приложение выглядит по-разному
На разных ПК приложение выглядит по-разному, более того на одном из других ПК выбивает ошибку про индекс, хотя я на своем вдоль и поперек...

Таблица на разных браузерах выглядит по разному
Хотел сделать таблицу так что бы она не показывалась, а была скрыта и нажатием на текст выскакивала. В итоге все таки получилось, но...

13
Заблокирован
26.05.2015, 17:53
Советую пользоваться шрифтом Verdana - он удобный, красивый и отображается везде хорошо.
0
0 / 0 / 0
Регистрация: 07.04.2015
Сообщений: 10
26.05.2015, 17:57  [ТС]
Adrenalin4ik, я бы с радостью, но верстаю по макетам от дизайнера, и дизайнер хочет именно этот шрифт) Если не получится запустить его на Windows как надо, то тогда уже думаю придется рассматривать другие шрифты.
0
 Аватар для z101zero
1 / 1 / 2
Регистрация: 26.05.2015
Сообщений: 13
26.05.2015, 18:08
может стоит попробовать text-shadow во все стороны? как то так
CSS
1
text-shadow:#333 0.3px 0.3px 0.4px, #333 -0.3px -0.3px 0.4px;
0
0 / 0 / 0
Регистрация: 07.04.2015
Сообщений: 10
26.05.2015, 19:07  [ТС]
С тенью очертания шрифта становится четким, но при этом тень сильно размазывает контур:
Название: 1.png
Просмотров: 41

Размер: 9.1 Кб
0
 Аватар для z101zero
1 / 1 / 2
Регистрация: 26.05.2015
Сообщений: 13
26.05.2015, 19:26
а Вы какие форматы шрифтов подключали (я про @font-face)? и на каких браузерах проверяли?
0
0 / 0 / 0
Регистрация: 07.04.2015
Сообщений: 10
27.05.2015, 06:58  [ТС]
.eot, .svg, .ttf, .woff и .otf - пробовал все как по отдельности подключать, так и комбинировать. На IE 10 и последнем Chrome.
0
 Аватар для z101zero
1 / 1 / 2
Регистрация: 26.05.2015
Сообщений: 13
27.05.2015, 12:23
вот, попробуйте установить эти шрифты..проверял на своем Windows, отображаются корректно (там так же есть css файл)
Вложения
Тип файла: zip GothamPro.zip (90.4 Кб, 3 просмотров)
0
0 / 0 / 0
Регистрация: 07.04.2015
Сообщений: 10
27.05.2015, 18:07  [ТС]
Сейчас попробую шрифт из твоего архива, но мне по большей части нужен Light - он у тебя при "font-size: 13-15px;" нормально отображается?

GothamProLig.zip
0
 Аватар для z101zero
1 / 1 / 2
Регистрация: 26.05.2015
Сообщений: 13
27.05.2015, 18:31
Лучший ответ Сообщение было отмечено Snakes911 как решение

Решение

да, все верно, у меня твой шрифт так же отображается как на примерах..похоже корявый шрифт попался) вот этот в норме должен быть
Вложения
Тип файла: zip GothamPro-Light.zip (96.6 Кб, 5 просмотров)
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
27.05.2015, 19:39
Snakes911, каждый броузер рендерит шрифты по своему и операционная система здесь не играет роли... Поэтому,если шрифт не имеет определённых начертаний - эти очертания дорисовывает броузер... Вот пример... test2.rar и каждый браузер показывает свою вариацию... В safari и ff -шрифт выглядит хорошо, а уже в хроме появляется пара, но размытых символов... Ваша задача состоит в том, чтобы донести эту инфу до своего дизайнера...
0
0 / 0 / 0
Регистрация: 07.04.2015
Сообщений: 10
27.05.2015, 19:53  [ТС]
z101zero, действительно, из твоего архива шрифт лучше смотрится, не настолько хорошо как на Маке, но намного лучше чем было. Благодарю за помощь.

Fedor92, то что каждый браузер по своему рендерит это да, но в моем случае проблема именно с браузерами на Windows - сильно четкое разделение, на Маке - все как надо, на Windows - выглядит хуже.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
27.05.2015, 20:10
Цитата Сообщение от Snakes911 Посмотреть сообщение
проблема именно с браузерами на Windows - сильно четкое разделение, на Маке - все как надо, на Windows - выглядит хуже
Не знаю конечно, что именно Вам надо, но в примере из архива, который я приложил в ie и ff шрифт смотрится нормально, только в хроме некоторые символы поплыли...
0
 Аватар для z101zero
1 / 1 / 2
Регистрация: 26.05.2015
Сообщений: 13
27.05.2015, 23:21
Snakes911, не за что..рад, что смог помочь
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
27.05.2015, 23:21
Помогаю со студенческими работами здесь

Сайт выглядит по-разному в разных браузерах
yunis.kz открывается по разному в разных браузерах в мозиле криво в хроме нормал как исправить ?

Форма на разных компьютерах выглядит по-разному
Здравствуйте! помогите мне, пожалуйста. впервые писала программу в делфи промучилась с ней 3 суток... а теперь, когда все наконец работает...

Сайт Джумла по-разному выглядит в разных браузерах
Здравствуйте! Подскажите пожалуйста,что почитать и что посмотреть. Сайт на Джумла по-разному отображается в разных браузерах. К примеру,в...

Что-то толкает блок. На разных страницах он выглядит по разному
Добрый день! Сайт скачает вправо на разных страницах: http://arhicentr.com/ http://arhicentr.com/projects/ Проблема в том, что...

На разных платформах шрифты разные и сайт выглядит по-разному :(
Добрый вечер всем! Я сверстал сайт, используя стандартные шрифты Windows, а точнее Verdana. Он мне нравится по все параметрам, люблю...


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

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Новые блоги и статьи
Конвертировать закладки 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. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера 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