DREAMCRUSHER
Сообщений: 8
Сообщение # 1 |
14:21:22
15 Сен 2013
Уважаемые товарищи ! Крики отчаяния мои не были услышаны нигде, ив вот я на своём любимом форуме сообщества ucoz. У меня проблема. Я установил на комп шрифт DS Yermak_D, очень красивый шрифт, русский и англ.языки, только заглавные буквы, размер 83 Кб. Все надписи у меня на сайте идут только заглавными буквами и все одним шрифтом DS Yermak_D. Иногда в разных заголовках колеблется лишь размер от 18 до 36 если я не ошибаюсь. Но беда не в том. Всем понятно что любой из браузеров не поддерживает данный шрифт и я начал гуглить и яндексить, как же мне этот шрифт установить на сайт, чтобы любой пользователь смог видеть тот самый шрифт Ермака. Собственно со своего компьютера я проблем не наблюдаю, так как он у меня установлен, но с ноута я заходя на свой сайт вижу соответственно обычный шрифт. И вот я тут наяндексился и нагуглился так что у меня уже не варит голова совсем. Файлы index.html, style.css просто уже набиты всякой ерундой и я окончательно запутался. Прошу вашей помощи дорогие форумчане. За ранее благодарен. Вот мой файл index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>francuz</title> <style type="text/css"> @font-face{ font-family: "DS Yermak_D"; src: url("http://francuz74.ru/fonts/(DS)_Yermak.ttf") src: url("http://francuz74.ru/(DS)_Yermak.ttf") src: url(/fonts/(DS)_Yermak.ttf) } H1 { font-family: "DS Yermak_D" } </style> <link rel="stylesheet" type="text/css" href="style.css" /> <link href="fonts.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"> <div id="header"> <div id="logo"> <h1 align="center"><strong>ФРАНЦУЗ</strong></h1> <div> <div align="center"> <p>АВТОМАГАЗИН - АВТОСЕРВИС</p> <p>Ч Е Л Я Б И Н С К</p> </div> </div> </div> <ul id="nav"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li><a href="service.html">СЕРВИС</a></li> <li><a href="shop.html">МАГАЗИН</a></li> <li><a href="post.html">ПОЧТА</a></li> </ul> </div> <!-- /header --> <div id="content"> <div class="side fl"> <div class="sideinner"> <img src="images/img002.jpg" alt="" /> <h2 align="left"><a href="info.html"> ЛИЦЕНЗИЯ</a></h2> </div> </div> <div class="main fr"> <div id="text"> <h2 align="center"> Приобретение автомашиньi – всегда недешевое удовольствие, часто вне зависимости от того, новьiй автомобиль покупает будущий автовладелец, или же авто с пробегом. Современньiе автомобили являются сложнейшим <br /> техническим комплексом сотен блоков, узлов и агрегатов, тьiсяч деталей, бесчисленного количества шлангов, <br /> проводов, трубопроводов и прочих коммуникаций. Разобраться в текущем состоянии всего этого множества, не говоря уже б электронике, правильньiх настройках, степени износа тех или иньiх комплектующих частей не просто. Четко налаженньiй механизм работьi наших мастеров позволяет минимизировать стоимость обслуживания автомобилей для наших клиентов. Мьi будем радьi видеть Вас в рядах наших клиентов.</h2> <p align="left"> </p> <p align="left"> </p> </div> <div class="clearfix"></div> </div> <!-- /content --> </div> <div class="clearfix"></div> <div id="footer"> <div id="ftinner"> <div class="ftlink fl"> <p align="center" id="copyright">Все права защищеньi. "ФРАНЦУЗ" © 2013.<br/> </p> </div> <div class="valid fr"></div> </div> </div> <!-- /footer --> </div> </body> </html>
Вот мой файл style.css
/* CSS RESET */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; font-family: "DS Yermak_D"; text-align: center; }table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} @font-face { font-family: 'ds_yermak_dregular'; src: url('ds_yermak-webfont.eot'); src: url('ds_yermak-webfont.eot?#iefix') format('embedded-opentype'), url('ds_yermak-webfont.woff') format('woff'), url('ds_yermak-webfont.ttf') format('truetype'), url('ds_yermak-webfont.svg#ds_yermak_dregular') format('svg'); font-weight: normal; font-style: normal; } body { font-family: "DS Yermak_D"; font-size: 18px; line-height: 1.231; }table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* CSS RESET */ body { text-align:center; color:#fff; background:url(images/bg.jpg); font-family: "DS Yermak_D"; } a { text-decoration:none; color:#00F } a:hover { text-decoration: underline; color:#39F; background-color: #FFF; border-top-color: #00F; border-right-color: #00F; border-bottom-color: #00F; border-left-color: #00F; } #wrap { width:1000px; height:860px; text-align:justify; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .fl{ float:left} .fr{ float:right} .clearfix{ clear:both} /* header */ #header { position:relative; height:260px } #logo { position:absolute; top:54px; right:300px; width: 415px; } #logo h1 { font-size:46px; color:#00F } #logo div { padding-left:0px; color: #00C; } #nav { position:absolute; top:172px; left:292px; background:url(images/nav.jpg); width:401px; height:42px; line-height:42px; } #nav li { float:left; font-weight:700; width:100px; background:url(images/nav_b.jpg) no-repeat; } #nav li.first {background: none} #nav a {text-decoration:none; display:block; text-align:center;} #nav a:hover { background:url(images/nav_hover.jpg); margin:0 0 0 5px; color: #00F; } /* content */ #content { } .main { width:470px; font-family:"DS Yermak_D"; } #text { width:430px; font-family: "DS Yermak_D"; color: #00F; text-align: center; } #text h2 { font-size:18px; padding-bottom:20px; text-align: justify; } #text p img {float:left; padding:0 20px 0 0} #text a { color:#A1E062} #col {margin:50px 0 0 0; background:url(images/col.jpg); height:126px ; } #col div {width: 180px; margin: 20px 0 0 40px; display:inline} #col .first {margin: 20px 0 0 20px } #col li{line-height:20px;} #col .first ul {border-right:#EEE 1px solid; } .side { width:430px; display: inline; background: url(images/side.gif) no-repeat; height:537px; text-align: center; } .side h2 { font-size:24px } .sideinner img{ text-align: center; margin: 35px; } .sideinner h3 a{ font-size:24px; color:#06F; margin:0 0 0 135px; background-color: #E2E2E2; } /* footer */ #footer { background:url(images/ft.jpg); height:25px; position:relative } #ftinner{ position:absolute; bottom:0px; width:0px; margin-left:0px; left: 316px; height: 22px; } .ftlink {width:500px;} #wrap #header #logo h1 { font-family: "DS Yermak_D"; } #wrap #header #logo h1 strong { font-family: "DS Yermak_D"; } #wrap #header #logo h1 strong { font-family: "DS Yermak_D"; } #wrap #header #logo div { font-family: "DS Yermak_D"; } #wrap #header #nav .first a { font-family: "DS Yermak_D"; } #wrap #header #nav li a { font-family: "DS Yermak_D"; color: #00F; } #wrap #content .side.fl .sideinner h3 a { font-family: "DS Yermak_D"; background-color: inherit; text-align: center; } #wrap #footer #ftinner .ftlink.fl #copyright { font-family: "DS Yermak_D"; } #wrap #content .main.fr #text h2 { font-family: "DS Yermak_D"; text-align: center; } #wrap #content .main.fr #text p { font-family: "DS Yermak_D"; text-align: center; } #wrap #header #nav li div { font-family: "DS Yermak_D"; } #wrap #header #nav li div { font-family: "DS Yermak_D"; } #wrap #header #logo h1 strong { font-family: "DS Yermak_D"; } #wrap #header #logo div div p { font-family: "DS Yermak_D"; } #wrap #header #logo h1 strong { font-family: DS Yermak_D; } #wrap #header #nav li a { font-family: Amadeus; } #wrap #header #nav li a { font-family: DS Yermak_D; } #wrap #content .main.fr #text h2 strong { font-family: "DS Yermak_D"; } #wrap #content .main.fr #text p { font-family: "DS Yermak_D"; } #wrap #footer #ftinner .ftlink.fl #copyright { font-family: DS Yermak_D; } #wrap #content .side.fl .sideinner a { font-family: DS Yermak_D; }
Так выглядит файл stylesheet.css А так fonts.css Добавлено (15 Сен 2013, 14:21:22) --------------------------------------------- Столько просмотров и никто не ответил
Сообщение отредактировал DREAMCRUSHER - Воскресенье, 15 Сен 2013, 13:48:42
Сообщение от DREAMCRUSHER
webanet
Сообщений: 24067
Сообщение # 2 |
14:24:52
15 Сен 2013
DREAMCRUSHER , ваш сайт по которому вы спрашиваете не находится в системе юкоз. спрашиваем у своего хостера