Як змінити шрифт на сайті на движку wordpress
Часто сайтобудівники вибирають не дуже поширений шрифт, але справа в тому, що не у кожного відвідувача може бути на комп'ютері саме такий шрифт.
І тоді сайт буде відображатися тільки такими шрифтами, які будуть визначені браузером вашого відвідувача і це буде не дуже добре.
Підключення бібліотеки шрифтів
Однак є вихід, який полягає в тому, що існує можливість підключення необхідної бібліотеки.
Шрифт в цьому випадку подгружается з сервера Google і тоді обраний сайтостроітеля шрифт буде відображатися в браузері будь-якого користувача.
Виберемо який-небудь сподобався шрифт, щоб було наочніше, нехай буде цей.
Потім відкриваємо код шрифту, натискаючи на Quick-use. і в цьому ж вікні праворуч Google радить звернути увагу на швидкість завантаження.
Справа в тому, що якщо ми вирішили довантажувати шрифт зі стороннього сервера, то це в тій чи іншій мірі буде впливати на швидкість завантаження сторінки і Google чесно попереджає не зловживати таким прийомом.
Тому що якщо використовувати кілька різних шрифтів на сторінці, тобто завантажувати декілька скриптів, то це на завантаженні сторінки обов'язково відіб'ється в гіршу сторону.
Крім цього треба звертати увагу на те, що деякі шрифти мають кілька стилів, тобто нормальний, напівжирний, курсив, курсив напівжирний, тому вибирати потрібно щось одне, щоб не погіршити знову ж швидкість завантаження сторінок надміру.
В даному випадку стрілка знаходиться в зеленому секторі, і обраний шрифт буде надавати невеликий вплив на завантаження сторінки. Шрифт підтримує латинські та українські символи.
Як змінити шрифт на сайті
У цьому ж вікні, нижче, в пунктах 3 і 4, наводяться необхідні коди.
З пункту 3 копіюємо код в буфер обміну і вставляємо в заголовок сайту або якої-небудь однієї статті, наприклад, Редагування зображень без фотошоп.
Всі ці зміни ніяк не вплинуть на сайт, всі зміни поки тільки для наочності, щоб подивитися, як виглядатиме вибраний текст на сайті.
Тепер потрібно визначитися з блоком, який відповідає за виведення цього тексту. Справа бачимо параметри, що відповідають за сам шрифт - за розмір, стиль і т. Д. Саме сюди будемо додавати код з пункту 4.
Розберемося, як це зробити безпосередньо в вихідному коді, тому що до цього всі наші маніпуляції зійдуть нанівець, якщо ми оновимо сторінку.
Потрібний клас у вікні таблиці стилів можна знайти за допомогою пошуку, набравши комбінацію клавіш Ctrl + F. Вводимо в рядок пошуку art-postcontent.clearfix і отримуємо виділення його в таблиці стилів. Сюди додаємо необхідний скрипт з пункту 4.
Всі шрифти, які були прописані до цих змін, можна не видаляти на той випадок, якщо раптом станеться якийсь збій, наприклад, не підвантажиться в потрібний момент бібліотека, то ваш сайт все одно буде працювати нормально.
Тепер при відкритті будь-якої статті на сайті текст буде виглядати з обраним шрифтом, який нам сподобався.
Ці зміни будуть також зберігатися при відкритті сайту в будь-якому іншому браузері за умови, якщо кеш браузера буде почищений. Інакше сторінки можуть завантажуватися з нього і змін можна відразу і не побачити.
Отже, тепер нам відомо, як змінити шрифт на сайті швидко і просто, для чого буде потрібно лише підключити бібліотеку Google і вибрати потрібний шрифт.