> 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/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.md). # Крок 1: Налаштування проєкту Overleaf для використання змінних шрифтів [Вступ](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) Щоб почати цей навчальний посібник, відкрийте [супровідний проєкт Overleaf](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d) який містить такі змінні шрифти: * [Noto Serif](https://fonts.google.com/noto/specimen/Noto+Serif/tester) (основний текст документа) * [Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans/tester) (шрифт без засічок) * [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) (моноширинний шрифт) Ці шрифти ще не налаштовано для використання. Спочатку, коли ви компілюєте [супровідний проєкт Overleaf](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d), буде застосовано стандартні текстові шрифти LaTeX за замовчуванням. Протягом цього навчального посібника ви дізнаєтеся, як замінити ці шрифти за замовчуванням на змінні шрифти, надані в папці проєкту під назвою `VariableFonts`. Якщо ви віддаєте перевагу використанню інших змінних шрифтів, просто дотримуйтеся наведених нижче інструкцій. В іншому разі перейдіть до [Крок 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) цього навчального посібника. ## (Необов’язково) Як вибрати та завантажити власні змінні шрифти Виконайте ці кроки, щоб завантажити змінні шрифти на ваш вибір. ### 1. Отримайте змінні шрифти з Google Fonts [Google Fonts](https://fonts.google.com/) є чудовим ресурсом. Він надає [корисну документацію](https://fonts.google.com/knowledge/introducing_type/introducing_variable_fonts) та багато [безкоштовних для використання змінних шрифтів](https://fonts.google.com/?vfonly=true) які можна завантажити до Overleaf і налаштувати для використання у ваших проєктах. * **ПОРАДА**: Використовуйте фільтри Google Fonts, щоб знайти змінні шрифти. Встановіть *Технологія* на *Variable* щоб відображати лише змінні шрифти. Використовуйте додаткові фільтри, такі як *Serif*, щоб ще більше звузити пошук. ![Зображення, що показує фільтри пошуку Google Fonts](/files/fe14bdf89cc7aa6993df68a504d37c116639bade) * **ПОРАДА**: Ви можете переглядати змінні шрифти на основі осей дизайну, які вони підтримують: див. . Google також надає визначення осей дизайну змінних шрифтів: див. . * Після того як ви знайдете будь-які змінні шрифти, які хочете використати, завантажте їх на свій локальний пристрій і перейменуйте будь-які файли, що містять проблемні символи. * Деякі змінні шрифти складаються з двох `.ttf` файлів: один для прямої (звичайної) форми та, якщо передбачено, один для курсивної форми. Обов’язково перевіряйте це для кожного шрифту, який ви завантажуєте. ### 2. Перейменуйте проблемні імена файлів шрифтів Google Схема Google для іменування файлів змінних шрифтів включає осі дизайну шрифту, розділені комами. На жаль, ця схема спричиняє проблеми для fontspec — пакета, який є необхідним для використання змінних шрифтів із LuaLaTeX. Наприклад, Noto Serif має осі ширини та ваги й постачається у вигляді двох файлів — одного для прямого шрифту та одного для курсивного шрифту: * NotoSerif-VariableFont\_wdth,wght.ttf * NotoSerif-Italic-VariableFont\_wdth,wght.ttf Коми в цих іменах файлів спричиняють помилки, коли їх використовують у команді fontspec `\setmainfont` Наприклад, якщо написати ``` \setmainfont{NotoSerif-VariableFont_wdth,wght.ttf} [ItalicFont = NotoSerif-Italic-VariableFont_wdth,wght.ttf] ``` це спричиняє помилки, що включають ``` ! Помилка пакета fontspec: шрифт "NotoSerif-Italic-VariableFont_wdth" не може (fontspec) бути знайдений. ! Помилка LaTeX: ключ 'fontspec-opentype/wght.ttf' невідомий і (LaTeX) ігнорується. ``` Щоб розв’язати цю проблему, потрібно перейменувати файли шрифтів, вилучивши коми (і підкреслення '\_'), замінивши їх на «безпечний» символ, наприклад дефіси ('-'), і переконавшись, що не додаються пробіли. Наприклад, ви можете перейменувати: * NotoSans-VariableFont\_wdth,wght.ttf на * NotoSans-VariableFont-wdth-wght.ttf Цей простий крок перейменування допоможе уникнути конфліктів і забезпечить безперешкодну інтеграцію змінних шрифтів у ваші документи LaTeX. ### 3. Створіть новий проєкт Overleaf * Створіть новий проєкт Overleaf і [встановіть компілятор LuaLaTeX](/latex/uk/baza-znan/026-changing-compiler.md) оскільки це єдиний компілятор, що підтримує змінні шрифти. * Додайте `fontspec` пакет до преамбули вашого документа, написавши `\usepackage{fontspec}`. * Виберіть піктограму завантаження файлу (![Image displaying Overleaf file-upload icon](/files/81bc05f938fe988efe200c9acdfc80a6c2ce6c75)) щоб додати локально перейменовані файли змінних шрифтів до вашого нового проєкту: ![Зображення, що показує, як завантажити файл до проєкту Overleaf](/files/447d380fb0664a2afbe69bd83f150ae1b2dd66c7) ### 4. (Необов’язково) упорядкуйте файли шрифтів вашого проєкту Якщо ви хочете експериментувати з різними шрифтами, наприклад під час тестування дизайну документа, корисно впорядкувати файли шрифтів за допомогою папок проєкту. Однак під час компіляції LaTeX не шукатиме автоматично шрифти у ваших папках проєкту; вам потрібно буде допомогти LaTeX, використовуючи локальний файл конфігурації під назвою [latexmkrc](/latex/uk/dokladni-statti/28-how-to-use-latexmkrc-with-overleaf.md). Ми не будемо вдаватися в деталі тут, але рекомендуємо створити папку проєкту під назвою `VariableFonts` та скопіювавши `latexmkrc` файл, використаний у [супровідному проєкті](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d). ## У наступному кроці Крок 2 знайомить із моделлю LaTeX для вибору шрифтів: New Font Selection Scheme, надаючи важливу довідкову інформацію, що використовується протягом решти цього навчального посібника. [Вступ](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/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.md?ask=&goal= ``` `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.