ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Verdana и Firefox
16 сообщений из 16, страница 1 из 1
Verdana и Firefox
    #38824496
Фотография Nick74
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick74
Участник
Почему-то Firefox рисует конкретно Вердану 9px, 10px, 11px (Чем больше шрифт, тем меньше разница) шире, чем остальные браузеры. Остальные шрифты практически идентично.
Победить не смог, увы... Перехожу на Тахому, на файерфокс обиделся. (((
Что интересно, IE в режиме совместимости тоже начинает рисовать так же широко...
Если кто вдруг знает как вылечить - подскажите, пожалуйста...

На картинке Firefox, IE, Chrome. Длина черной полоски везде одинаковая.


Source
Код: 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.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
<!DOCTYPE html>
<html lang="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<style type="text/css">
html,body {
 margin: 10px;
	padding: 0px;
}
div {
 margin: 0px;
	padding: 0px;
	word-spacing: normal;
	font-weight: normal;
 letter-spacing: normal;
}
.v {
	 font-family: Verdana, sans-serif;
}
.s {
	 font-family: Geneva, sans-serif;
}
.a {
	 font-family: Tahoma, Geneva, sans-serif;
}
.c1 {
  font-size: 9px;
}
.c2 {
  font-size: 10px;
}
.c3 {
  font-size: 11px;
}
.c4 {
  font-size: 12px;
}
.ruler {
  border: none; 
		width: 50px; 
		height: 2px; 
		background-color: black;
}
</style>
</head>
<body>
   <div class="v">
   Verdana<br>
   <div class="ruler"></div>
   <div class="c1 v">Test record</div>
   <div class="c2 v">Test record</div>
   <div class="c3 v">Test record</div>
   <div class="c4 v">Test record</div>
   <div class="ruler"></div>
   </div>
   <div class="s">
   Geneva<br>
   <div class="ruler"></div>
   <div class="c1">Test record</div>
   <div class="c2">Test record</div>
   <div class="c3">Test record</div>
   <div class="c4">Test record</div>
   <div class="ruler"></div>
   </div>
   <div class="a">
   Tahoma<br>
   <div class="ruler"></div>
   <div class="c1">Test record</div>
   <div class="c2">Test record</div>
   <div class="c3">Test record</div>
   <div class="c4">Test record</div>
   <div class="ruler"></div>
   </div>
</body>
</html>
...
Рейтинг: 0 / 0
04.12.2014, 09:45
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824502
Фотография Nick74
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick74
Участник
Прошу прощения, в Firefox третий шрифт не тот на картинке, исправляюсь...
Тоже чуть-чуть шире, надо отметить... (((
...
Рейтинг: 0 / 0
04.12.2014, 09:49
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824627
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
Nick74,

Задача-то какая? Сверстать сайт или победить конкретный экземпляр Firefox ?
...
Рейтинг: 0 / 0
04.12.2014, 11:25
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824641
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
Попробуйте font-stretch покрутить.
Хотя, подозреваю, это не поможет. FF уже давно шрифты сам рендерит, а не через систему.
...
Рейтинг: 0 / 0
04.12.2014, 11:32
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824677
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
16687353
...
Рейтинг: 0 / 0
04.12.2014, 11:53
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824723
Фотография Nick74
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick74
Участник
miksoft ,
Задача сделать одинаковый размер элементов и текста во всех браузерах.
При генерации форм хочется, чтобы ничего нигде не налазило друг на друга...
Ну и размер/читаемость текста желательно чтобы была одинаковая.

Вроде бы помогает letter-spacing, по размеру то буквы вроде как одинаковые, но не хочется писать хак под файерфокс...
font-stretch вроде не везде есть?

Antonariy
Не уверен, там в IE было шире из-за более широких букв, а тут наоборот уже, похоже в ФФ межбуквенный интервал просто больше... ну или кернинг он не делает конкретно Вердане...
...
Рейтинг: 0 / 0
04.12.2014, 12:24
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824770
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Nick74,

Я не к тому внимание привлекал.

Текст уже - не проблема. Текст шире - не проблема. Поползла верстка из-за того, что текст уже/шире - проблема.

Изменить свойства отрисовки текста невозможно — в каждом браузере это свой собственный черный ящик. Единственное решение — изменить макет так, чтобы были допуски, позволяющие компенсировать погрешность отрисовки.
...
Рейтинг: 0 / 0
04.12.2014, 13:06
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38824834
Фотография Nick74
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick74
Участник
Antonariy ,

Основная проблема, из-за которой начались разборки - что шрифт выглядит мельче под IE и крупнее под FF. Ну а разметка едет как следствие...
...
Рейтинг: 0 / 0
04.12.2014, 13:42
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825157
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Nick74 Antonariy ,

Основная проблема, из-за которой начались разборки - что шрифт выглядит мельче под IE и крупнее под FF. Ну а разметка едет как следствие...Тут выбор не большой: либо долго и нудно подбирать стили под каждый браузер, либо сделать по минимуму — чтобы макет не ехал. В любом случае на разных устройствах сайт все равно выглядит по-разному.

Пиксельная точность это никому не нужный префекционизм, никто из пользователей этого не оценит потому что им наплевать — либо пользователь привык к отличиям на разных устройствах, либо пользуется единственным. Пустая трата времени.
...
Рейтинг: 0 / 0
04.12.2014, 16:44
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825168
JeStone
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JeStone
Участник
AntonariyNick74,
Поползла верстка из-за того, что текст уже/шире - проблема.

Если едет верстка из-за отличий в размере шрифта, то проблема не в шрифте, проблема в верстке.
Курите Responsive design.
...
Рейтинг: 0 / 0
04.12.2014, 16:50
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825199
Фотография Nick74
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick74
Участник
JeStone,

верстает не человек, процедурка. Сверху спускают координатную/размерную сетку с объектами (Подписями, полями и т.п.), их надо отрендерить по этим координатам. Так что единственный вариант - пытаться максимально соответствовать "стандарту"...
...
Рейтинг: 0 / 0
04.12.2014, 17:14
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825209
Фотография Nick74
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nick74
Участник
Antonariy,

для меня нужный ))
У меня около 1000 страниц, автоматически генерируемых системой по метаданным. И сколько из них будет "Кривыми" зависит от того, насколько я удачно подберу размеры/шрифты/... И под всем браузерами не надо - корпоративный ИЕ9, ну плюс ФФ/Хром, мне хватает...
...
Рейтинг: 0 / 0
04.12.2014, 17:18
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825546
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Nick74

Если это для печати, то инструмент (html) выбран не правильно. Еще намучаетесь.
...
Рейтинг: 0 / 0
04.12.2014, 22:13
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825551
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
JeStoneКурите Responsive design.А вы бросайте курить что вы там курите. Причем тут адаптивный дизайн? У меня, например, уже есть утвержденный дизайн, и он ни разу не адаптивный. И описанные проблемы чисто адаптивными методами не решить, поскольку отличия зависят от вида браузера, а не его свойств.
...
Рейтинг: 0 / 0
04.12.2014, 22:30
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825580
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
Nick74И под всем браузерами не надо - корпоративный ИЕ9, ну плюс ФФ/ХромЕсли речь только о внутрикорпоративных браузерах, то можно попробовать покрутить настройки в FF.
Поиск , ссылка1 , ссылка2 .

Недавно, кстати, я вообще на волшебную вещь налетел - шрифты на скриншоте страницы FF отличались от шрифтов на этой же странице живьем. Т.е. просто делаю скриншот и на скриншоте шрифт получается отрисован иначе.

Но вообще присоеднись к другим ораторам в том, что шрифты всегда будут разными в тонкостях и никуда от этого не деться. Помимо собственно браузера еще могут влиять ОС, настройки ОС, видеодрайвер, имеющийся файл шрифта и т.п.
Т.е. нужно просто оставлять немного запаса места под надписи. Или давать им обрезаться. Если макет этого не позволяет, то это некачественный макет, верните его на доработку.

И еще учтите тот факт, что ряд пользователей смотрит сайты с увеличением в браузере, что добавляет шансов верстке выглядеть не строго по макету.
...
Рейтинг: 0 / 0
04.12.2014, 23:11
| Ответить | Цитировать | Написать  
Verdana и Firefox
    #38825654
JeStone
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JeStone
Участник
AntonariyJeStoneКурите Responsive design.А вы бросайте курить что вы там курите. Причем тут адаптивный дизайн? У меня, например, уже есть утвержденный дизайн, и он ни разу не адаптивный. И описанные проблемы чисто адаптивными методами не решить, поскольку отличия зависят от вида браузера, а не его свойств.
А я и не утверждаю, что адаптивный дизайн должен решить проблемы разности шрифтов. Я утверждаю, что он решит проблему "поехала верстка". Ну а то что дизайн верстки от ТС не зависит я узнал уже после.
...
Рейтинг: 0 / 0
05.12.2014, 03:26
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Verdana и Firefox
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1446461]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 216ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 67ms
get tp. blocked users:
 2ms
others: 240ms
total:  571ms
созд. / загр.: 571ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]