Увеличить шрифт на странице

В теме Twenty Eleven мне нужно увеличить шрифт  на странице, потому, что он здесь мелкий, а сам шаблон меня устраивает по многим параметрам. Главное, что он адаптивный и его код более простой и доступный для изменений. Очень мелкий шрифт для написания текста в редакторе и для чтения на сайте. Совершенно меня не устраивают и размеры заголовков в статьях: h2 и h3. Цвет тоже бледно — серый. Все это нужно поправить и не так трудно сделать.

увеличить шрифт на странице

Найти коды с помощью  расширения веб.девелопер

Чтобы увеличить шрифт на странице, вначале нужно найти его код. В браузере Хром у меня установлено расширение веб.девелопер. Нажмем на значок расширения и в выпадающей панеле кликнем  опцию Element information — здесь мы получим информацию о месте нахождения необходимых кодов для шрифтов.

расширение браузера веб девелоперВнизу веб.листа откроются коды с подсказками и появится инструмент для выделения участков текста. Выделяю интересующий меня заголовок h2 и обвожу его инструментом в виде плюса. Заголовок, как и любой участок выделенного текста, оказывается в рамке красного цвета. Перехожу вниз, к кодам. Нахожу здесь заголовок,  с указанием его высоты – heigt 27 px  и ширину им занимаемую 586 px.

информация в веб. девелоперТеперь расширение можно закрыть, для этого в выпадающем меню просто удалим галочку открытой опции, значок web-developer вновь станет не активным. Перехожу в таблицу стилей для редактора — (editor-style.css)

 Как увеличить шрифт в таблице стилей

В моей теме всего таблиц со стилями 4 файла. В таблице стилей для редактора сразу нашла ширину 586, остальные размеры были написаны не так четко, как было указано в расширении, но все же мне это помогло найти нужное место кода. шрифты в таблице стилейИсправила font- size  для заголовка H2 с 12 до 19px, h3 с 10 px до 16. Здесь же исправила цвет текста, с серого — 333 на черный — 000000. Для этого воспользовалась небольшой программой colol mania, ярлык которой находится у меня в строке состояний компьютера.

 После проведенных изменений зашла в редактор, видимых изменений текста не заметила, но на открытом сайте заголовки и текст — стали крупнее. Цвет стал ярче, но все же не черный.

В таблице style.css

Захожу в этот файл редактора, открываю поиск нажатием клавиш /Ctrl+F/. В строке поиска ввожу шрифты – font-size. Находится 73 пункта, но мне же не везде нужно внести изменения, поэтому нахожу в файле заголовок content и только в этих пунктах увеличиваю размер текста с 14 до 16 пикселей. Темно- — серый цвет 666 заменяю черным – 000000. Теперь проверяю, что получилось. Резких изменений нет, но текст читается легко.

Комментарии 2

  • Как изменился ваш блог, и Новый год уже пришёл и новых материалов много. Я часто изменяла что-нибудь на своём сайте по вашим записям, но за это лето всё запустила. Вот и шрифт нужно тоже кое-где поменять, так что для меня нужная статья.

  • Алевтина Михайловна, я без вас просто скучаю. На блоге у меня не новый год, а просто зима, которая у нас давно пришла.Алевтина Михайловна, самый главный материал сейчас это как сделать сайт доступным для мобильных аппаратов. Пока почитайте https://moylubimiblog.ru/seo-optimizatsiya/mobilnye-versii-stranits/ , а потом я вам подскажу, как сделать.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *