|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как установить свой шрифт (проблемы с установкой шрифта) |
Как установить свой шрифт |
Доброго всем времени суток! Дорогие форумчане, помогите пожалуйста, подскажите как установить Свой шрифт? я его скачала, установила и после загрузила в корневую папку: 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
|
COUNTESS1193, данная статья вам поможет - http://htmlbook.ru/blog/svoi-shrift-na-stranitse
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
COUNTESS1193, Здравствуйте!
Панель управления - Дизайн - Управление дизайном (CSS) Код @font-face { font-family: Medieval; /* Гарнитура шрифта */ src: url(http://poeziyacountess.ucoz.ru/Medieval.ttf); /* Путь к файлу со шрифтом */ } Код body {font-family: 'Medieval';} Только зачем вам 3 файла, если можно все в один вставить? |
я пробовала прописать шрифты в таблице стилей:
/* 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/
|
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';} Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
|
Но что-то ни в какую мой шрифт Medieval.ttf не работает, а по идее должно все работать ... Что я сделала не так подскажите и поправьте меня... Это не правильно, поэтому и не работает. Попробуйте подключить шрифт как указано в первом сообщении, добавив font-face в CSS а дальше уже прописывайте название шрифта Medieval к стилям текста |
Спасибо всем за простые подсказки, знаете, все 3 файла надо на случай если нужно будет по-Английски что-то написать и тогда другим у кого есть именно такие Шрифты все было красиво и гармонично выглядело
Мой Сайт: http://poeziyacountess.ucoz.ru/
Сообщение отредактировал COUNTESS1193 - Четверг, 27 Ноя 2014, 18:04:05
|
drrootknd, вы хоть дайте ссылку на этот дизайн, что бы дать вам ответ. Вот лично мне 798 ни о чом не говорит. Добавлено (25 Мар 2018, 22:24:37) --------------------------------------------- drrootknd, Цитата body { margin: 0; background-color: #324142; -/цвет фона font: 11px 'Tahoma', 'Arial';/стиль шрифта color: #6b6b6b; / цвет text-align: center; /текст по центру } Сообщение отредактировал novikk - Воскресенье, 25 Мар 2018, 22:29:51
|
http://testik1.usite.pro/ от этот дизайн
Добавлено (25 Мар 2018, 22:31:22) |
drrootknd, выше пост Добавлено (25 Мар 2018, 22:33:44) drrootknd, Очистить кэш браузера на компьютере |
| |||
| |||