> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/uk/dokladni-statti/29-how-to-use-opentype-variable-fonts-with-latex.md).

# Як використовувати змінні шрифти OpenType з LaTeX

[Вступ](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Крок 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Крок 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Крок 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Крок 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Крок 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Крок 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Крок 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Крок 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Приклади та проєкти](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true)

У цій серії навчальних матеріалів ви дізнаєтеся, як установлювати, налаштовувати й використовувати змінні шрифти OpenType в LaTeX, зосереджуючись на LuaLaTeX і [пакеті fontspec](https://ctan.org/pkg/fontspec?lang=en). У межах [проєкту Overleaf](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d) ви крок за кроком виконаєте інструкції, що охоплюють як практичні техніки, так і необхідні базові знання, тож зможете впевнено працювати зі змінними шрифтами у ваших документах LaTeX. По дорозі ви глибше зрозумієте шрифти LaTeX, зокрема як усувати попередження “undefined font shape”, налаштовуючи відповідні змінні шрифти.

Змінні шрифти пропонують неперевершену гнучкість у дизайні документів LaTeX, покращуючи подання тексту та його читабельність завдяки можливості налаштовувати такі атрибути шрифту, як товщина та ширина. Вони також допомагають розв’язувати проблеми верстки, наприклад уміщувати більше тексту в заданий обсяг простору. Зверніть увагу, що ця серія зосереджена виключно на текстових шрифтах, оскільки змінні шрифти для математичного набору ще недоступні.

### Зміст навчальних матеріалів

* Вступ до змінних шрифтів (ця стаття)
* [Крок 1: Налаштування проєкту Overleaf для використання змінних шрифтів](/latex/uk/dokladni-statti/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.md)
* [Крок 2: Вступ до шрифтів LaTeX](/latex/uk/dokladni-statti/38-step-2-an-introduction-to-latex-fonts.md)
* [Крок 3: Заміна стандартних шрифтів LaTeX на змінні шрифти](/latex/uk/dokladni-statti/39-step-3-replacing-latex-s-default-fonts-with-variable-fonts.md)
* [Крок 4: Як налаштувати курсивний змінний шрифт за допомогою fontspec](/latex/uk/dokladni-statti/40-step-4-how-to-configure-an-italic-variable-font-using-fontspec.md)
* [Крок 5: Ваги шрифтів LaTeX і іменовані інстанси змінних шрифтів](/latex/uk/dokladni-statti/41-step-5-latex-font-weights-and-named-instances-of-variable-fonts.md)
* [Крок 6: Використання змінних шрифтів для додавання жирних шрифтів у проєкт Overleaf](/latex/uk/dokladni-statti/42-step-6-using-variable-fonts-to-add-bold-fonts-to-an-overleaf-project.md)
* [Крок 7: Використання змінних шрифтів Noto Sans і Roboto Mono з LaTeX](/latex/uk/dokladni-statti/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md)
* [Крок 8: Як створити простий пакет LaTeX для налаштування ваших змінних шрифтів](/latex/uk/dokladni-statti/44-step-8-how-to-create-a-simple-latex-package-to-configure-your-variable-fonts.md)
* [5 проєктів Overleaf, що показують, як використовувати змінні шрифти з LaTeX](/latex/uk/dokladni-statti/35-overleaf-projects-showing-how-to-use-variable-fonts-with-latex.md)

### Вступ до змінних шрифтів

Для типографів, дизайнерів і шанувальників шрифтів 14 вересня 2016 року — дата, яку варто запам’ятати. Того дня Microsoft, [Google](https://opensource.googleblog.com/2016/09/introducing-opentype-font-variations.html), [Adobe](https://blog.typekit.com/2016/09/14/variable-fonts-a-new-kind-of-font-for-flexible-design/)та Apple [публічно оголосили](https://youtu.be/6kizDePhcFU?feature=shared\&t=250) про новий формат шрифтів під назвою [OpenType Font Variations](https://medium.com/variable-fonts/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369), більш відомий як *змінні шрифти OpenType* або просто *змінні шрифти*.

Традиційно кожен стиль шрифту, такий як звичайний, напівжирний, жирний, дуже жирний, ущільнений, жирний ущільнений тощо, потребував окремого файла шрифту, але це вже не є необхідним. Змінні шрифти OpenType — це вражаюча технологія, що дає змогу одному файлу шрифту створювати кілька стилів шрифту шляхом зміни значень вбудованих параметрів, відомих як *осі дизайну*. Це показано в наступному відео з використанням змінного шрифту Google [Noto Serif](https://fonts.google.com/noto/specimen/Noto+Serif/tester).

{% embed url="<https://videos.ctfassets.net/nrgyaltdicpt/3OhDBHA95DciCRVRgrF4wp/18f8c3f6d15109bf307c48bde9d7c879/VariableFonts.mp4>" %}

Noto Serif від Google має дві осі дизайну — ширину та вагу, але інші шрифти можуть мати одну вісь або кілька осей — наприклад, змінний шрифт під назвою [Recursive](https://fonts.google.com/specimen/Recursive/tester) має п’ять осей, а [деякі мають навіть більше](https://www.axis-praxis.org/specimens/decovar). Розробник шрифту вирішує, скільки буде осей і яким буде їхній дизайнерський ефект.

### Кілька приміток про осі дизайну

Ось що вам потрібно знати про осі дизайну, щоб використовувати змінні шрифти з LaTeX (зокрема fontspec і LuaLaTeX).

* Кожна вісь дизайну позначається коротким чотирисимвольним «тегом» і довшою, більш описовою назвою.
* Специфікація змінних шрифтів OpenType передбачає [п’ять зареєстрованих («стандартних») осей](https://learn.microsoft.com/en-us/typography/opentype/spec/dvaraxisreg#registered-axis-tags):

|      |                 |
| ---- | --------------- |
| Тег  | Назва           |
| ital | Курсив          |
| opsz | Оптичний розмір |
| slnt | Нахил           |
| wdth | Ширина          |
| wght | Насиченість     |

* Починаючи з [версії 2.9a](https://github.com/latex3/fontspec/releases/tag/v2.9a), а [пакеті fontspec](https://ctan.org/pkg/fontspec?lang=en) можна задати значення стандартної осі, використовуючи її назву, наприклад `Weight=400`.
* Автори шрифтів можуть вільно створювати й називати додаткові осі дизайну. fontspec надає можливості задавати значення будь-якої осі дизайну, використовуючи її чотирисимвольний тег.
* Значення осей дизайну змінюються від мінімального до максимального з кроком, визначеним автором шрифту. Щоб використовувати змінний шрифт із LaTeX (LuaLaTeX), вам потрібно знати його осі та їхні мінімальні, максимальні й прирістні (крокові) значення.
* Наразі змінні шрифти можна використовувати лише для тексту документа — змінних математичних шрифтів не існує.
* Google підтримує [список осей дизайну](https://fonts.google.com/variablefonts#axis-definitions) які наразі використовуються у шрифтах, що вони надають, включно з чотирилітерним тегом дизайну, повною назвою та описом того, що робить ця вісь.

### Змінні шрифти потребують LuaLaTeX і пакета fontspec

Станом на серпень 2024 року лише компілятор [LuaLaTeX](/latex/uk/baza-znan/026-changing-compiler.md) підтримує змінні шрифти OpenType — pdfLaTeX і XeLaTeX не підтримують.

Використання шрифтів OpenType з LuaLaTeX потребує пакета fontspec, який надає користувацькі команди для доступу до нижчорівневої та більш технічної системи завантаження шрифтів під назвою [luaotfload](https://ctan.org/pkg/luaotfload?lang=en). Хоча цілком можливо безпосередньо використовувати можливості luaotfload, більшість людей надає перевагу простоті та зручності fontspec.

[TeX Live 2024](https://www.overleaf.com/blog/tex-live-2024-is-now-available) включає fontspec версії 2.9a, випущений 13 лютого 2024 року, який додає додаткові можливості, що ще більше спрощують використання змінних шрифтів.

### Де я можу знайти й дослідити деякі змінні шрифти?

Чудове місце для початку — Google Fonts, особливо [сторінка зі списком сімейств шрифтів та їхніх осей дизайну](https://fonts.google.com/variablefonts). Щойно ви визначите цікавий шрифт, перейдіть на його *сторінку Type tester* і налаштовуйте його осі дизайну за допомогою наданих елементів керування.

Функція [вебсайт Axis-Praxis](https://www.axis-praxis.org) дає змогу експериментувати з численними змінними шрифтами, деякі з яких демонструють цікаві дизайнерські можливості — зокрема [Decovar](https://www.axis-praxis.org/specimens/decovar), експериментальний шрифт із 12 осями дизайну. Ви також можете завантажувати змінні шрифти до Axis-Praxis і тестувати їх, використовуючи автоматично згенеровані елементи керування платформи для зміни значень осей дизайну.

Ще один корисний сайт — <https://v-fonts.com/>, який описує своє призначення як «простий ресурс для пошуку й випробування змінних шрифтів».

[Вступ](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Крок 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Крок 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Крок 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Крок 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Крок 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Крок 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Крок 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Крок 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Приклади та проєкти](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://overleaf-pro.ayaka.space/latex/uk/dokladni-statti/29-how-to-use-opentype-variable-fonts-with-latex.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
