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

sunyang · 29 Апр 2010

Блин, у меня глобальная проблема с отображением шрифта.
ковырялся часа два, так и не понимал из-за чего такая глупая проблема. Изменяю размер и тип шрифта в 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 с первой надпись выдает пипец как много ошибок...стандарт то старый.

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

UDAV · 29 Апр 2010

код стиля в студию

sunyang · 30 Апр 2010

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;
}

mittus · 1 Май 2010

<!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, то нужно задавать их в процентном соотношении. А у вас где в эмах, где в пикселях...

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

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

sunyang

Мастер

UDAV

Постоялец

sunyang

Мастер

mittus

Создатель