вРазные полезности

Как изменить шрифт сайта Ucoz

Как изменить шрифт сайта 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.

Похожие посты