Використання сторонніх шрифтів в drupal 7

Видає помилку Parse error: syntax error, unexpected '[' in W: \ home \ DRUPAL \ www \ vendor \ guzzlehttp \ psr7 \ src \ functions.php on line 78

Хм навіть вмісту текстового поля не відображається в поданні

Передати дані зі сторінки в форму

У наш час при розробці дизайну сайту - широке поширення набуло використання сторонніх шрифтів, тобто відображення контенту сайту тими шрифтами, які відсутні на комп'ютері користувача. Всього лише кілька років тому вся інтернет індустрія використовувала 2 основних шрифту Arial і Verdana, зараз час змінився і я хочу вам показати як використовувати той шрифт який вам подобається у себе на сайті, насправді варіантів досить багато, але я буду використовувати нову властивість в CSS 3 - «@ font-face». Отже приступимо, для початку нам необхідний сам шрифт, який вам подобається - я вибрав CafeParis, скачати його можна ось звідси. - просто це був перший який попався мені на очі. Синтаксис нового властивості виглядає таким чином:

Де в якості властивості шрифту ми повинні вказати його назву і звідки довантажувати, але є одне велике «АЛЕ», не всі браузери використовують для своєї роботи формат шрифту «ttf», тобто цей шрифт необхідно перевести і в інші формати, для цього є чудовий сервіс - «@ font-face generator», де ми завантажуємо на сервіс свій шрифт в форматі «ttf», а на виході отримуємо не тільки перекладений шрифт в інші формати, але і скомпільований CSS. Як це зробити, я зараз вам покажу, переходимо на вказаний вище URL і завантажуємо свій шрифт

Використання сторонніх шрифтів в drupal 7

Після завантаження шрифту побачимо його в списку закаченних

Використання сторонніх шрифтів в drupal 7

Використання сторонніх шрифтів в drupal 7

Завантажуємо архів. У цьому архіві знаходиться купа файлів,

Використання сторонніх шрифтів в drupal 7

як самі перекладені шрифти і стилі, так і індексна демо сторінка, яка показує як відображається цей шрифт

Використання сторонніх шрифтів в drupal 7

Як бачимо з перекладом шрифту ми успішно закінчили, тепер давайте підключимо цей шрифт до нашого сайту. Для цього в корені вашого шаблону я пропоную створити окрему папку, назвемо її «fonts», де будуть зберігатися всі шрифти і стилі (я як завжди використовую шаблон Garland)

Використання сторонніх шрифтів в drupal 7

І перенесемо туди 4 файлу перекладеного шрифту (розширення: eot, svg, ttf, woff) і стилі під назвою

В результаті вміст папки fonts має виглядати ось так

Використання сторонніх шрифтів в drupal 7

Тепер нам лише залишилося підключити нові стилі до нашого шаблоном і зробимо це за правилами, для цього відкриваємо файл

І пишемо ось таку конструкцію

І зберігаємо. Тепер нам необхідно вибрати для яких елементів сторінки сайту повинен використовуватися даний шрифт, я для прикладу буду використовувати його для всієї сторінки, тому відкриваємо стилі вашого шаблону, як правило це

І для тега body напишемо ось така властивість

зберігаємо. Тепер пересохранять наш шаблон і бачимо ось таку картину

Використання сторонніх шрифтів в drupal 7

контент сайту відображається нашим шрифтом, ви ж для прикладу тепер можете його використовувати де завгодно у себе на проекті. На цьому все.

Схожі статті