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



 

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

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


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

Группа: Active User
Сообщений: 868
Регистрация: 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
Сообщений: 868
Регистрация: 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
Сообщений: 868
Регистрация: 18.1.2010
Из: Москва
Поблагодарили: 172 раза
Репутация:   24  


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

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

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Почему разнообразие на сайте вредит проекту?
24 Kiloan_Frost 1543 Вчера, 0:48
автор: Kiloan_Frost
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3153 23.5.2018, 12:15
автор: nikolay_web
Открытая тема (нет новых ответов) Узнай все, о своем и чужом сайте
Выгрузка: Ahrefs+Semrush+Majestic+Spywords
7 matrixzp 1303 21.5.2018, 2:03
автор: matrixzp
Горячая тема (нет новых ответов) Ню фото на сайте фотографа
Раздел или отдельный сайт
29 Valerypantera 1527 20.5.2018, 17:02
автор: genjnat
Открытая тема (нет новых ответов) Видео баннер на сайте и его влияние
0 Seoworke 296 17.5.2018, 10:56
автор: Seoworke


 



RSS Текстовая версия Сейчас: 25.5.2018, 1:42
Дизайн