Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Verdana и Firefox / 16 сообщений из 16, страница 1 из 1
04.12.2014, 09:45
    #38824496
Nick74
Nick74
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Verdana и Firefox
Почему-то 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:49
    #38824502
Nick74
Nick74
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Verdana и Firefox
Прошу прощения, в Firefox третий шрифт не тот на картинке, исправляюсь...
Тоже чуть-чуть шире, надо отметить... (((
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.12.2014, 11:25
    #38824627
miksoft
miksoft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Verdana и Firefox
Nick74,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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