Почему такая разница в шрифтах?

[08.10.2013 | 23:21]

Во всех страницах такое. Не верстаю, просто учусь. Ну вот столкнулся с проблемой что во всех сайтах есть косяк со шрифтом. windows 7 все одинаково, а в windows 8 ие 9-10 показывает как в 7 а все остальные чуть меньше его делают. Написал простой код , чтобы сравнить, думал косяк в самой верстке. Вот сделал скрины и выложил его на хостинг, чтобы можно было посмотреть, но там ничего нет. Где там может быть косяк? Буду очень благодарен за помощь. Извиняюсь за такой вопрос, понимаю что это ерунда, просто я только учусь.
krasivyikot.zz.mu

Оценить:+|–

Комментировать

Раздел: CSS
Просмотров: 1332

Комментариев (19)

1mastodon1
08.10.2013 в 23:27

а почему там режим браузера ие7 стоит? ну на второй картинке то ли line-height не указан, то ли vertical-align не указано… а вообще ослик он и в африке ослик)

Войдите, чтобы ответить
Оценить:+|–0
- krasivyi-kot
  08.10.2013 в 23:31
  там и ие 7 и ие 10 стоит. Вот в чем суть. Кроссбраузерность та начинается с ие 7. Там и тот и тот браузер.
  Вот сам код
  
  <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <link rel="stylesheet" type="text/css" href="res_css.css"> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <p>вуцвакупекринеротртронеророттронтотонгварквер</p> </body> </html>
  
  p { font: 15px Tahoma, Geneva, sans-serif; color: #000000; font-stretch: normal; font-variant: normal; font-weight: normal; font-style: normal; }
  Войдите, чтобы ответить
  Оценить:+|–0
  - 1mastodon1
    08.10.2013 в 23:52
    
    почему это кроссбраузерность начинается с ИЕ7? он стар как я не знаю что и им пользуется меньше 2% людей… обычно кроссбраузерность для этого дивного браузера заключается в том что бы контент полностью не развалился) а вообще режим совместимости в старших версиях никогда точно не показывал, то что будет в оригинальном браузере 7й версии, что бы точно убедится можно использовать виртуальную машину(я даже когда-то с заказчиком на эту тему поспорил)… ну и сейчас многие даже ИЕ8 нормально не поддерживают(углы в блоках не скругляют, тени не делают и т.д.)
    
    Войдите, чтобы ответить
    Оценить:+|–0
    - krasivyi-kot
      08.10.2013 в 23:54
      
      но тут косяк в ие 10. В чем причина та сама? Я просто уже вымучался в решении проблемы
      
      Войдите, чтобы ответить
      Оценить:+|–0
      - 1mastodon1
        09.10.2013 в 00:13
        
        line-height задать попробуйте и vertical-align:top;
        например line-height:18px;
        
        Оценить:+|–0
      - krasivyi-kot
        09.10.2013 в 00:16
        
        Сделал. Все равно так. А вы не можете у себя посмотреть? Буду благодарен очень. Вот сам архив
        
        1082_Novaja_papkarar.rar
        
        Оценить:+|–0
Иван Кирюхин [kendrive]
09.10.2013 в 07:00

Проблема то в чём? Что длина разная? Так это ты должен понимать, что ширина символа в разных операционных системах, разная, и с этим ни чего поделать нельзя.

Войдите, чтобы ответить
Оценить:+|–0
- krasivyi-kot
  09.10.2013 в 09:30
  
  ну например заказчик хочет чтобы было одинаково везде в windows 7 и 8. Кроссбраузерно. Как тогда быть?
  
  Войдите, чтобы ответить
  Оценить:+|–0
Dimka Klusevich [dimka]
09.10.2013 в 11:12

Ничего не сделаешь, это проблема в рендеринга шрифта в самой ос. остается только регулировать длину блока А если вы управляете ими косвенно (через размеры текста) — погрешности неизбежны. Да и размер шрифта лучше писать в pt(пункт) или em…

Войдите, чтобы ответить
Оценить:+|–0
- krasivyi-kot
  09.10.2013 в 17:56
  
  ну а почему например тут все хорошо? ВОт сайт https://www.fl.ru/
  
  Войдите, чтобы ответить
  Оценить:+|–0
Dimka Klusevich [dimka]
09.10.2013 в 21:34

Увидел, что у них в наборе еще Arial есть. Так сложно сказать в чем причина. А на счет кроссбразернасти , если захочешь, ловить по пикселю в каждом браузере придется такой велосипед написать… Кроссбраузерность предполагает хороший вид сайта, во всех браузерах, а не точное копирование пиксель в пиксель. Относительные единицы в помощь.

Войдите, чтобы ответить
Оценить:+|–0
- krasivyi-kot
  09.10.2013 в 21:36
  
  да ну я не против что есть даже маленький разбег. Из-за него просто проблемы. Из-за него если делаешь меню то не влезает например в ие из-за большого шрифта. Такое было.
  
  Войдите, чтобы ответить
  Оценить:+|–0
Dimka Klusevich [dimka]
09.10.2013 в 22:03

Ну в таких, единичных случаях можно с помощью условных комментариев немного поправить отступы между пунктами.. А вообще в идеале для меню желательно, чтобы был запас.

Войдите, чтобы ответить
Оценить:+|–0
- krasivyi-kot
  10.10.2013 в 09:35
  
  ясно, ну а что, вообще никак не сделать одинаковым? Я уже примерно понял как можно сделать меню
  
  Войдите, чтобы ответить
  Оценить:+|–0
Dimka Klusevich [dimka]
10.10.2013 в 10:19

Иногда, что то не в нашей власти. Шрифты очень «забавная» часть верстки, с ними нужно быть осторожным. Но у меня например, такого рода проблем ни когда не возникала.

Войдите, чтобы ответить
Оценить:+|–0
krasivyi-kot
10.10.2013 в 15:02

всмысле не возникало? А если взять мой код?

Войдите, чтобы ответить
Оценить:+|–0
Dimka Klusevich [dimka]
10.10.2013 в 15:28

я имел ввиду в моей работе.. Всегда все нормально, было. Цель верстальщика не копирование попиксельно, а адаптация…) Разные системы, разные характеристики.. Вот у меня все норм, в вашем коде сравнил хром и ишака №7. Правда в набор еще arial добавил.

Войдите, чтобы ответить
Оценить:+|–0
- krasivyi-kot
  10.10.2013 в 15:29
  
  такой бок можно увидеть только в windows 8. Ну я впринципи понял. Мне стараться просто делать их близкими к норме
  
  Войдите, чтобы ответить
  Оценить:+|–0
Dimka Klusevich [dimka]
10.10.2013 в 15:38

Да конечно. Удачи в начинаниях. Все придет с опытом. А попиксельное соотношение с макетом+ идеальная эластичность и динамика в верстке это просто утопия. То что мы пытаемся сделать, но как и любая утопия, это что то эфирное и слабо похожее на реальность….

Войдите, чтобы ответить
Оценить:+|–1