Непонятный косяк с отображением шрифта.

Тема в разделе "Веб-дизайн", создана пользователем sunyang, 29 апр 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. sunyang

    sunyang

    Регистр.:
    25 апр 2009
    Сообщения:
    444
    Симпатии:
    30
    Блин, у меня глобальная проблема с отображением шрифта.
    ковырялся часа два, так и не понимал из-за чего такая глупая проблема. Изменяю размер и тип шрифта в css в BODY, а на сайте все большими буквами одними и теми же...на смену шрифта и размера не реагирует. Хотя для отдельного элемента шрифт настраивается.
    Поковырялся, и оказалось, что если стоит:
    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmnls=http://www.w3.org/xhtml xml:lang="ru" lang="ru">
    То шрифты для элемента body отображаются как надо, т.е. как задаю.

    Но если стоит или вовсе ничего не прописано:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    То, шривты для body вообще не реагируют на смену...ужас!!

    Оно бы ладно, поставил бы этот <html xmnls=..., но ведь при проверке на w3c с первой надпись выдает пипец как много ошибок...стандарт то старый.

    Что делать, как дальше жить??
     
  2. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    776
    Симпатии:
    153
    код стиля в студию
     
  3. sunyang

    sunyang

    Регистр.:
    25 апр 2009
    Сообщения:
    444
    Симпатии:
    30
    BODY { FONT-SIZE: 0.8em; COLOR: #6A6A73; padding: 10px; margin: 0; FONT-FAMILY: Tahoma; background: #fff }

    a {
    color:#1e4a6c;
    text-decoration:none;
    }
    a:hover {
    color:#e34000;
    }

    .ntitle {
    color:#e34000;
    font-weight:bolder;
    border-left:#e34000 solid 3px;
    font-size: 24px;
    }
    .gtitle {
    font-size:14pt;
    /*color:#1e4a6c;*/
    color:#0d74c4;
    font-weight:bolder;
    text-decoration:underline;
    }

    .ltitle {
    font-size:16px; color:#FF7400; font-weight:bold;
    }
    .mtitle {
    color:#FF7400;
    font-weight:bolder;
    text-decoration:underline;
    font-size:14px;
    }
    .mtitle a {
    color:#FF7400;
    text-decoration:underline;
    font-size:14px;
    }
    .mtitle a:hover {
    color:#1e4a6c;
    }

    #panel {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#e34000;
    font-size:14px;
    font-weight:bolder;
    }
    #panel a {
    /*color:#e34000;*/
    color: #FFF;
    text-decoration:none;
    }
    #panel a:hover {
    text-decoration:underline;
    }
    .inptext {
    font-family:tahoma;
    font-size:11px;
    border:1px solid #a0b3bc;
    }
    .inp2text {
    font-family:tahoma;
    font-size:11px;
    border:1px solid #ffffff;
    background-color:#a0b3bc;
    }
    .inp3text {
    font-family:tahoma;
    font-size:11px;
    border:1px solid #a0b3bc;
    background-color:#e5f3ff;
    }
    .white {
    color:#1e4a6c;
    padding-left:20px;
    }
    .dtdscrptn {
    border:#a8a8a8 solid 1px;
    border-top:none;
    }
    .textdscrptn {
    font:12px ;
    padding:10px;
    text-align:center;
    }
    .textdscrptn hr {
    color:#a0b3bc;
    }
    .textdscrptn img {
    border:#F3F3F3 solid 4px;
    }
    .bttmpanel {
    font:11px Arial,sans-serif;
    color:#FFFFFF;
    }
    .bttmpanel a {
    color:#FFFFFF;
    text-decoration:underline;
    }
    .bttmpanel a:hover {
    text-decoration:none;
    }
    .write_meta {
    border:#FFFFFF solid 2px;
    color:#1e4a6c;
    font-size:12px;
    padding:5px;
    }
    .sapeblock {
    font:11px Arial,sans-serif;
    }
    .sapeblock a {
    color:#1e4a6c;
    text-decoration:none;
    }
    .sapeblock a:hover {
    color:#1e4a6c;
    text-decoration: underline;
    }
    .search_th {
    color:#fff;
    font-weight:bold;
    font-size:11px;
    }
    .search_td {
    font-weight:bold;
    font-size:11px;
    }
    .search_td td {
    border:#ff7400 dashed 1px;
    background-color:#fff;
    }
    .sort {
    font-weight:bold;
    font-size:11px;
    background-color:#f6f6f6;
    padding:5px;
    }
    .keywords {
    background-color:#f6f6f6;
    border:#ff7400 dashed 1px;
    color:#000000;
    }
    .bbcodes {
    background: #FFF;
    border: 1px solid #E0E0E0;
    color: #666666;
    font-family: Verdana, Tahoma, helvetica, sans-serif;
    padding: 2px;
    vertical-align: middle;
    font-size: 10px;
    vertical-align: middle;
    margin:2px;
    height: 21px;
    }
     
  4. mittus

    mittus Создатель

    Регистр.:
    12 июл 2009
    Сообщения:
    72
    Симпатии:
    11
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">


    + в каждом элементе заданы свои размеры шрифтов. Если хотите, что-бы размер шрифтов зависел от стиля body, то нужно задавать их в процентном соотношении. А у вас где в эмах, где в пикселях...

    Старайтесь использовать на сайте один из возможных вариаций назначения размера шрифтов. Если не знаете, какой лучше использовать в вашем случае, почитайте статью на хаббере: http://habrahabr.ru/blogs/webdev/42151/

    Добавлено через 1 минуту
    зЫ. DOCTIPE тоже не спроста. Тот, что использовался у вас не являлся строгим, соответственно разные браузеры могли интерпретировать ваш код так, как им угодно. Замените на строгий, тот - что я предложил.
     
Статус темы:
Закрыта.