X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с мелким шрифтом на сайте
dimas19
dimas19
Topic Starter сообщение 7.2.2013, 16:02; Ответить: dimas19
Сообщение #1


Здравствуйте!
Не получается поправить шрифт в шаблоне DLE, прошу помощи знатоков. smile.gif

Проблема:
В шаблоне по всему сайту стоит шрифт "PF Squere Sans", он неккоректно отображается в маленьких размерах. Как сменить шрифт на Verdana для всего мелкого текста, кроме h1,h2,h3 (в них шрифт хорошо сидит).

Примечание:
В шаблоне есть папка с файлами шрифта, а также css файл шрифта (factres.ru/templates/fact1/fonts/fonts.css)

@font-face {
    font-family: 'PF Squere Sans';
    src: url('pfsquaresanspro-light-wf.eot');
    src: url('pfsquaresanspro-light-wf.eot?#iefix') format('embedded-opentype'),
         url('pfsquaresanspro-light-wf.woff') format('woff'),
         url('pfsquaresanspro-light-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Squere Sans';
    src: url('pfsquaresanspro-lightitalic-wf.eot');
    src: url('pfsquaresanspro-lightitalic-wf.eot?#iefix') format('embedded-opentype'),
         url('pfsquaresanspro-lightitalic-wf.woff') format('woff'),
         url('pfsquaresanspro-lightitalic-wf.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PF Squere Sans';
    src: url('pfsquaresanspro-medium-wf.eot');
    src: url('pfsquaresanspro-medium-wf.eot?#iefix') format('embedded-opentype'),
         url('pfsquaresanspro-medium-wf.woff') format('woff'),
         url('pfsquaresanspro-medium-wf.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PF Squere Sans';
    src: url('pfsquaresanspro-mediumitalic-wf.eot');
    src: url('pfsquaresanspro-mediumitalic-wf.eot?#iefix') format('embedded-opentype'),
         url('pfsquaresanspro-mediumitalic-wf.woff') format('woff'),
         url('pfsquaresanspro-mediumitalic-wf.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


Кусочек из styles.css
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
html, body { height: 100% }
.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: block; height: 0; width: 0; visibility: hidden }

body { word-wrap: break-word }
body, select, textarea, button { font: 16px/1.45 "PF Squere Sans", Verdana, Arial, sans-serif; background: #fff; color: #383738; outline: none }

a { outline: none; color: #ee307d; text-decoration: none; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear }
a:hover { color: #383838 }
a img { border: 0 none }
a > img { vertical-align: bottom }

::selection { background: #767676; color: #fff }
::-moz-selection { background: #767676; color: #fff }
h1,h2,h3,h4,h5 { font-weight: bold;  margin-bottom: .3em }
h1 { font-size: 40px; line-height: 48px }
h2 { font-size: 34px; line-height: 42px }
h3 { font-size: 22px; line-height: 28px }
h4 { font-size: 18px; line-height: 24px }
h5 { font-size: 16px; line-height: 20px }


Помогите разобрать ситуацию.
-1
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tszyan
tszyan
сообщение 7.2.2013, 16:18; Ответить: tszyan
Сообщение #2


А Вы не пробовали отсюда:
body, select, textarea, button { font: 16px/1.45 "PF Squere Sans", Verdana, Arial, sans-serif; background: #fff; color: #383738; outline: none }

удалить:
"PF Squere Sans",


и добавить стиль:
h1,h2,h3 { font-family: "PF Squere Sans"; }


Сообщение отредактировал tszyan - 7.2.2013, 16:29


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimas19
dimas19
Topic Starter сообщение 7.2.2013, 16:37; Ответить: dimas19
Сообщение #3


Спасибо за помощь, помогло. Пробовал идентичный вариант, но он не работал smile.gif
Можно закрывать.

Сообщение отредактировал dimas19 - 7.2.2013, 16:42
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tszyan
tszyan
сообщение 7.2.2013, 16:43; Ответить: tszyan
Сообщение #4


Измените размер для основного текста (16px на ваш):
body, select, textarea, button { font: 16px/1.45 Verdana, Arial, sans-serif; background: #fff; color: #383738; outline: none }


Измените размеры для h4,h5 (18 и 16 соотв), при необходимости междустрочный интервал(24 и 20):
h4 { font-size: 18px; line-height: 24px }
h5 { font-size: 16px; line-height: 20px }


P.S. Нехорошо удалять свои же вопросы. Тем не менее, ответ дан.

Сообщение отредактировал tszyan - 7.2.2013, 16:46


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimas19
dimas19
Topic Starter сообщение 8.2.2013, 1:51; Ответить: dimas19
Сообщение #5


tszyan, Что значит удалять? Я задал вопрос, и чуть позже его сам решил. Оказалось не трудно, вот я и отредактировал пост, т.к. тема исчерпана.

Спасибо вам за помощь.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Боты могут делать пушподписки на моём сайте?
2 Megaspryt 877 Вчера, 23:09
автор: MorKer
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрый и качественный обмен на сайте Baksman.org
Обмен Bitcoin, BTC-e, PM, Qiwi, Yandex money, Карты банк
53 Baksman 33769 Вчера, 11:29
автор: Baksman
Горячая тема (нет новых ответов) CryptoCloud — прием USDT, BTC, ETH, LTC на любом сайте
36 CryptoCLoud 10664 16.4.2024, 16:02
автор: CryptoCLoud
Горячая тема (нет новых ответов) Странный трафик на сайте длительное время
33 TABAK 8921 12.4.2024, 5:56
автор: Skyworker
Открытая тема (нет новых ответов) Алтуально ли заработок на сайте?
Оцение пожалуйста идею
10 hitman20 1886 1.2.2024, 5:37
автор: Liudmila


 



RSS Текстовая версия Сейчас: 24.4.2024, 5:00
Дизайн