Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как установить свой шрифт (проблемы с установкой шрифта)
Как установить свой шрифт
COUNTESS1193
Сообщений: 7
Репутация: 0

Сообщение # 1 | 17:14:04
Доброго всем времени суток! Дорогие форумчане, помогите пожалуйста, подскажите как установить Свой шрифт? я его скачала, установила и после загрузила в корневую папку: http://poeziyacountess.ucoz.ru/Medieval.ttf и дополнительно загрузила эти шрифты: http://poeziyacountess.ucoz.ru/Medieval_English_Normal.ttf и http://poeziyacountess.ucoz.ru/medieval_english.ttf но вот как правильно чтобы на всем сайте
отображался данный шрифт! (на комп главный шрифт - Первая ссылка) я шрифт установила - работает
отлично, а на сайт как установить не знаю! Подскажите пожалуйста!) простите что подымаю тему но сама не справляюсь...

Мой Сайт: http://poeziyacountess.ucoz.ru/
Сообщение отредактировал webanet - Четверг, 27 Ноя 2014, 17:29:00
Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 2 | 17:26:44
COUNTESS1193, данная статья вам поможет - http://htmlbook.ru/blog/svoi-shrift-na-stranitse

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Rostislav
Сообщений: 2383
Репутация: 591

Сообщение # 3 | 17:28:36
COUNTESS1193, Здравствуйте!

Панель управления - Дизайн - Управление дизайном (CSS)

Код

@font-face {
     font-family: Medieval; /* Гарнитура шрифта */
     src: url(http://poeziyacountess.ucoz.ru/Medieval.ttf); /* Путь к файлу со шрифтом */
    }


Код
body {font-family: 'Medieval';}


Только зачем вам 3 файла, если можно все в один вставить?

COUNTESS1193
Сообщений: 7
Репутация: 0

Сообщение # 4 | 17:31:19
я пробовала прописать шрифты в таблице стилей:
/* General Style */
a:link {text-decoration:underline; color:#E32636;}
a:active {text-decoration:underline; color:#00CCFF;}
a:visited {text-decoration:underline; color:#00CCFF;}
a:hover {text-decoration:none; color:#00CCFF;}

td, body {font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;font-size:12pt;color:#000000;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle;font-size:12pt;font-family:Medieval,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;}
.copy {font-size:11pt;}

a.noun:link {text-decoration:none; color:#000000}
a.noun:active {text-decoration:none; color:#000000}
a.noun:visited {text-decoration:none; color:#000000}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#000000;height:0,01px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial;color:#00CCFF;font-size:12,5px;}

a.menu1:link {text-decoration:underline; color:#00CCFF}
a.menu1:active {text-decoration:underline; color:#00CCFF}
a.menu1:visited {text-decoration:underline; color:#00CCFF}
a.menu1:hover {text-decoration:underline; color:#00CCFF}
.menuTd {padding-left:12px;padding-right:10px; backgroud: url('/.s/t/979/10.gif') no-repeat 0px 3px;}
.mframe {border-left:1px solid #00CCFF; border-right:1px solid #00CCFF;}
.colgray {border-right:1px solid #00CCFF;}
.colwhite {border-right:1px solid #FFFFFF;}
.msep {border-top:1px solid #FFFFFF;}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/979/11.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:bold;}
.uMenuV li a:link {text-decoration:none; color:#E32636;}
.uMenuV li a:active {text-decoration:none; color:#E32636;}
.uMenuV li a:visited {text-decoration:none; color:#E32636;}
.uMenuV li a:hover {text-decoration:underline; color:#E32636;}

.uMenuV a.uMenuItemA:link {text-decoration:none; color:#E32636;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#E32636;}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#E32636;}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 3px; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 6px 13px; background: url('/.s/t/979/11.gif') no-repeat 0px 3px;}
.catName {font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;font-size:10px;}
.catNameActive {font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;font-size:10px;}

.catNumData {font-size:7pt;color:#00CCFF;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#00CCFF;}
a.catName:visited {text-decoration:none; color:#E32636;}
a.catName:hover {text-decoration:underline; color:#00CCFF;}
a.catName:active {text-decoration:none; color:#00CCFF;}
a.catNameActive:link {text-decoration:none; color:#E32636;}
a.catNameActive:visited {text-decoration:none; color:#E32636;}
a.catNameActive:hover {text-decoration:underline; color:#E32636;}
a.catNameActive:active {text-decoration:none; color:#E32636;}
/* ----------------- */

/* Entries Style */
.eBlock {background:url('http://poeziyacountess.ucoz.ru/na_sajt.gif') top center no-repeat;padding-top:15px;border-bottom:1px solid #E32636;}
.eTitle {font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;font-size:12px;font-weight:bold;color:#E32636; padding: 3px 0 3px 30px; background:url('http://poeziyacountess.ucoz.ru/pero.jpg') no-repeat 0 1px;}

.eTitle a:link {text-decoration:none; color:#00CCFF;}
.eTitle a:visited {text-decoration:none; color:#00CCFF;}
.eTitle a:hover {text-decoration:none; color:#E32636;}
.eTitle a:active {text-decoration:none; color:#00CCFF;}

.eMessage {text-align:justify;padding-bottom:5px;}
.eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #00CCFF}
.eDetails {border-top:1px solid #00CCFF;font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;color:#E32636;padding-bottom:5px;padding-top:3px;text-align:left;font-size:10pt;}
.eDetails1 {border-top:1px solid #00CCFF;font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;color:#E32636;padding-bottom:5px;padding-top:3px;text-align:left;font-size:10pt;}
.eDetails2 {font-family:Medieval.ttf,Medieval_English_Normal.ttf,medieval_english.ttf,verdana,arial,Sans-Serif;color:#E32636;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/979/13.gif') no-repeat 0px 0px;}
/* ------------- */
Но что-то ни в какую мой шрифт Medieval.ttf не работает, а по идее должно все работать ... Что я сделала не так подскажите и поправьте меня...

Мой Сайт: http://poeziyacountess.ucoz.ru/
Selena
Сообщений: 15657
Репутация: 1099

Сообщение # 5 | 17:33:13
COUNTESS1193, в 1101 дизайне шрифты введены следующим образом:

Код
@font-face {
font-family:'Yanone';
src:url('/.s/t/1101/fonts/yanonekaffeesatz-regular.eot');
src:url('/.s/t/1101/fonts/yanonekaffeesatz-regular.eot?#iefix') format('embedded-opentype'),
url('/.s/t/1101/fonts/yanonekaffeesatz-regular.woff') format('woff'),
url('/.s/t/1101/fonts/yanonekaffeesatz-regular.ttf') format('truetype'),
url('/.s/t/1101/fonts/yanonekaffeesatz-regular.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'Yanone Bold';
src:url('/.s/t/1101/fonts/yanonekaffeesatz-bold.eot');
src:url('/.s/t/1101/fonts/yanonekaffeesatz-bold.eot?#iefix') format('embedded-opentype'),
url('/.s/t/1101/fonts/yanonekaffeesatz-bold.woff') format('woff'),
url('/.s/t/1101/fonts/yanonekaffeesatz-bold.ttf') format('truetype'),
url('/.s/t/1101/fonts/yanonekaffeesatz-bold.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}


Вписано в первых строках файла стилей. А дальше уже просто упоминается название шрифта, где надо. Например:

Код

.sidetitle {padding:10px 0;font-size:20px;color:#202020;text-transform:uppercase;border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;font-family:'Yanone Bold';}

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Rostislav
Сообщений: 2383
Репутация: 591

Сообщение # 6 | 17:35:47
Цитата COUNTESS1193 ()
Но что-то ни в какую мой шрифт Medieval.ttf не работает, а по идее должно все работать ... Что я сделала не так подскажите и поправьте меня...


Это не правильно, поэтому и не работает. Попробуйте подключить шрифт как указано в первом сообщении, добавив font-face в CSS
а дальше уже прописывайте название шрифта Medieval к стилям текста

COUNTESS1193
Сообщений: 7
Репутация: 0

Сообщение # 7 | 17:53:58
Цитата Rostislav ()
Только зачем вам 3 файла, если можно все в один вставить?
Спасибо всем за простые подсказки, знаете, все 3 файла надо на случай если нужно будет по-Английски что-то написать и тогда другим у кого есть именно такие Шрифты все было красиво и гармонично выглядело smile

Мой Сайт: http://poeziyacountess.ucoz.ru/
Сообщение отредактировал COUNTESS1193 - Четверг, 27 Ноя 2014, 18:04:05
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как установить свой шрифт (проблемы с установкой шрифта)
Страница 1 из 11
Поиск: