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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Завсегдатай
*****

Группа: Active User
Сообщений: 867
Регистрация: 18.1.2010
Из: Москва
Поблагодарили: 172 раза
Репутация:   24  


Здравствуйте!
Не получается поправить шрифт в шаблоне 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


Участник
***

Группа: User
Сообщений: 207
Регистрация: 28.1.2013
Из: Москва
Поблагодарили: 110 раз
Репутация:   27  


А Вы не пробовали отсюда:
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


Завсегдатай
*****

Группа: Active User
Сообщений: 867
Регистрация: 18.1.2010
Из: Москва
Поблагодарили: 172 раза
Репутация:   24  


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

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


Участник
***

Группа: User
Сообщений: 207
Регистрация: 28.1.2013
Из: Москва
Поблагодарили: 110 раз
Репутация:   27  


Измените размер для основного текста (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


Завсегдатай
*****

Группа: Active User
Сообщений: 867
Регистрация: 18.1.2010
Из: Москва
Поблагодарили: 172 раза
Репутация:   24  


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

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) 17 вещей на вашем сайте, которые ненавидят
Один из постулатов маркетинга — не раздражать людей
25 PostBrigada 3591 12.12.2017, 21:44
автор: alexandrrr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПрибыль с видео на сайте и в соц сетях
Как получить доп доход с нативного контента
14 maxim_krasovskiy 2813 12.12.2017, 12:05
автор: maxim_krasovskiy
Открытая тема (нет новых ответов) ALFAcoins.com - Приём криптовалюты на вашем сайте
17 ALFAcoins 3683 11.12.2017, 23:07
автор: ALFAcoins
Открытая тема (нет новых ответов) Как правильно сделать категории на сайте?
Хелппп!!!
5 norino 646 11.12.2017, 16:28
автор: One_on_One
Открытая тема (нет новых ответов) Размещу Вашу статью с ссылкой на сайте с Тиц 50 навсегда
11 vyacheslav333 1330 9.12.2017, 22:16
автор: Мамай


 



RSS Текстовая версия Сейчас: 14.12.2017, 4:47
Дизайн