Последние комментарии
Avatar User
Написал Andruxa в 16:29
Avatar User
Написал Mishin в 14:21
Avatar User
Написал cssomsk в 11:06


Image News

Как изменить шрифт сайта в Ucoz?
На мой взгляд, шрифт, который ставится по умолчанию в Ucoz мелковат, поэтому я всегда его немного увеличиваю, на всех сайтах. Если вы попытаетесь изменить шрифт на конкретной странице, то на других страницах все останется по-прежнему, изменения нужно вносить в стили CSS и это не очень сложно.

CSS - это таблица стилей, это файл в котором хранятся все указания - размеры, цвет, жирность шрифтов, как должны выглядеть ссылки и многое другое. Современные сайты верстаются с помощью CSS и если его отключить, то останется "голая страница", в этой статье я постараюсь объяснить как изменить шрифт в Ucoz и не навредить сайту.

Перейдите:

Панель управления - Редактор страниц - Управление дизайном модуля - Таблица стилей (CSS)

Вот так выглядит часть таблицы стилей CSS моего шаблона:

Там где элемент "body" указаны основные стили, нас в данном случае (смена шрифта) интересуют вот эти две строки:

font: 12px 'Arial';
color: #555555;

В части шаблонов (табличных) CSS отличается, там нужно искать такую строку:

В первом типе CSS:

12px - размер шрифта в пикселях (меня 12px устраивает)
'Arial" - шрифт (мне больше нравится шрифт "Tahoma")
#555555 - цвет шрифта (устраивает)

Во втором типе CSS:

verdana,arial,helvetica - это перечисление нужных шрифтов, если первого не окажется на компьютере у посетителя сайта, то будет использован второй и т.д.
10pt - размер шрифта в пунктах, я использую пиксели (12px), так как они более предсказуемы и выглядят одинаково на компьютерах с разным разрешением экрана.

Все эти данные можно менять, при этом не нарушайте целостность кода - не убирайте скобочки, кавычки, двоеточия и др., если не знаете для чего они служат. После смены сохраните CSS и обновите сайт вместе с кэшэм - CTRL+F5 - вы увидите результаты изменений.

Для некоторых элементов сайта, иногда для многих, могут быть указаны другие шрифты в CSS, в таком случае в некоторых местах на сайте шрифт останется неизмененным, здесь немного сложнее, нужно найти эти области в CSS и внести в них поправки.

Самый простой способ - поиск по CSS с ключевым словом "font", если при поиске видите указание font-size:10px; или другие вариации, то можете сменить на нужное и посмотреть, что получилось на сайте. Можно искать по классам конкретных элементов на сайте, но в Ucoz большое нагромождение кодов, поэтому новичку будет затруднительно найти нужный класс. Сменить основной шрифт на сайте с помощью указанной инструкции можно, а если хотите большего, то изучайте основы CSS.
Всего комментариев: 0