> 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/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # Крок 7: Використання змінних шрифтів Noto Sans і Roboto Mono з 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) На цьому кроці ми налаштовуємо стилі шрифтів жирний, курсив і жирний курсив для Noto Sans і Roboto Mono та демонструємо їх використання для набору малих капітелей у жирному, курсивному та жирному курсивному стилях. Відкрийте поточний проєкт Overleaf, налаштований у Кроці 6. ## Налаштування Noto Sans і Roboto Mono Ми хочемо увімкнути стилі шрифтів жирний, курсив і жирний курсив для Noto Sans і Roberto Mono. Ці вимоги підсумовано в наведеній нижче таблиці з використанням стандартних ідентифікаторів серії та форми шрифтів LaTeX. Пам’ятайте, що m вилучається з ідентифікатора серії *окрім* де *обидві* ширина та вага мають значення m (medium). | **Опис шрифту** | **Ідентифікатор серії** | **Насиченість** | **Ширина** | **Форма** | | ------------------------------------------------------------------- | ----------------------- | --------------- | ---------- | --------- | | шрифт із жирною вагою, середньою шириною у звичайній (прямій) формі | b | b | m | n | | шрифт із середньою вагою, середньою шириною в курсивній формі | m | m | m | кур | | шрифт із жирною вагою, середньою шириною в курсивній формі | b | b | m | кур | У наступних розділах показано, як налаштувати Noto Sans і Roberto Mono для використання цих серій і форм шрифтів. Розділ [Зводимо все докупи](#putting-it-all-together) показує, як увімкнути ці форми шрифтів за допомогою `\setsansfont` та `\setmonofont` команд. ### Вибір значення осі ваги для середньої та жирної ваги Ми почнемо з вибору значень осі ваги, щоб визначити екземпляри із середньою та жирною вагою (ПОСИЛАННЯ НА РОЗДІЛ ПОСІБНИКА) Noto Sans і Roberto Mono. Осі [ваги Noto Sans](https://fonts.google.com/specimen/Noto+Sans/tester) варіюється від 100 до 900, для [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) діапазон становить від 100 до 700, що пропонує такі значення ваги: | **Назва шрифту** | **Середня вага** | **Жирна вага** | | ---------------- | ---------------- | -------------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### Налаштування курсивного шрифту середньої ваги для Noto Sans і Roboto Mono Щоб додати курсивні шрифти, ми використовуємо ключ fontspec `ItalicFont` ключ, який має форму ``` ItalicFont=⟨font name⟩ ``` де ⟨font name⟩ — це назва шрифту або назва файла шрифту. У проєкті Overleaf `VariableFonts` папка містить файли курсивних шрифтів, які нам потрібно використовувати: * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf Використовуючи ці назви файлів і значення осі ваги, наведені вище, курсиви середньої ваги можна додати за допомогою команд, показаних у наступних розділах. #### Параметри для шрифтів Noto Sans зі звичайною та курсивною формами середньої ваги Для Noto Sans до преамбули документа буде додано такий код (див. розділ [Зводимо все докупи](#putting-it-all-together)). ```latex \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf ] ``` #### Параметри для шрифтів Roboto Mono зі звичайною та курсивною формами середньої ваги Для Roboto Mono до преамбули документа буде додано такий код (див. розділ [Зводимо все докупи](#putting-it-all-together)). ```latex \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=300, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf ] ``` ### Налаштування жирного та жирного курсивного шрифтів для Noto Sans і Roboto Mono Як показано в Кроці XXX (Посилання), ми додаватимемо жирні шрифти за допомогою ключа fontspec `FontFace` ключа, який має такий вигляд ``` FontFace = {⟨series⟩}{⟨shape⟩}{ Font = ⟨font name⟩ , ⟨features⟩ } ``` де * `⟨series⟩` є ідентифікатором серії LaTeX (посилання на розділ) * `⟨shape⟩` є ідентифікатором форми LaTeX (посилання на розділ) * `⟨font name⟩` це назва файла шрифту або назва шрифту * `⟨features⟩` містить налаштування, які ми використаємо для конфігурації наших змінних шрифтів, наприклад значення для осі ширини або ваги #### Параметри для шрифтів Noto Sans у жирному та жирному курсивному стилях Для шрифту Noto Sans із жирною вагою та звичайною (прямою) формою маємо: * `⟨series⟩` = b * `⟨shape⟩` = n * `⟨font name⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨features⟩` = Weight=600 у результаті отримуємо ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` Для шрифту із жирною вагою та курсивною формою: * `⟨series⟩` = b * `⟨shape⟩` = it * `⟨font name⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨features⟩` = Weight=600 у результаті отримуємо ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Параметри для шрифтів Roboto Mono у жирному та жирному курсивному стилях Для шрифту Noto Sans із жирною вагою та звичайною (прямою) формою маємо: * `⟨series⟩` = b * `⟨shape⟩` = n * `⟨font name⟩` = RobotoMono-VariableFont-wght.ttf * `⟨features⟩` = Weight=550 у результаті отримуємо ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` Для шрифту із жирною вагою та курсивною формою маємо: * `⟨series⟩` = b * `⟨shape⟩` = it * `⟨font name⟩` = RobotoMono-VariableFont-wght.ttf * `⟨features⟩` = Weight=550 у результаті отримуємо ``` FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` ## Зводимо все докупи Щоб застосувати описані вище налаштування, відкрийте поточний проєкт Overleaf і замініть наявні `\setsansfont` та `\setmonofont` команди на такі версії. ```latex % Шрифт сімейства документа без засічок \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf, FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600}, FontFace = {b}{it}{Font =NotoSans-Italic-VariableFont-wdth-wght.ttf,Weight=600} ] ``` ```latex % Моноширинний шрифт сімейства документа \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=400, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf, FontFace = {b}{n}{Font =RobotoMono-VariableFont-wght.ttf, Weight=550}, FontFace = {b}{it}{Font = RobotoMono-Italic-VariableFont-wght.ttf, Weight=550} ] ``` ## Як користуватися нашими новими шрифтами За допомогою fontspec ми налаштували шрифти жирний, курсив і жирний курсив для всіх трьох сімейств шрифтів документа. Окрім шрифтів, які ми налаштували, fontspec також увімкнув версії малих капітелей, як можна побачити, вставивши в документ такий код (після \begin{document}): ```latex \begin{itemize} \item Основне текстове сімейство (Noto Serif): \begin{itemize}     \item \textsc{звичайні малі капітелі}     \item \textit{\scshape курсивні малі капітелі}       \item \textbf{\scshape жирні малі капітелі}     \item \textbf{\itshape\scshape жирні курсивні малі капітелі} \end{itemize} \item Сімейство без засічок (Noto Sans): \begin{itemize}     \item \textsc{\sffamily звичайні малі капітелі}     \item \textit{\sffamily\scshape курсивні малі капітелі}       \item \textbf{\sffamily\scshape жирні малі капітелі}     \item \textbf{\sffamily\itshape\scshape жирні курсивні малі капітелі} \end{itemize} \item Моноширинне сімейство (Roboto Mono): \begin{itemize}     \item \textsc{\ttfamily звичайні малі капітелі}     \item \textit{\ttfamily\scshape курсивні малі капітелі}       \item \textbf{\ttfamily\scshape жирні малі капітелі}     \item \textbf{\ttfamily\itshape\scshape жирні курсивні малі капітелі} \end{itemize} ``` Цей код створює такий вивід ![Зображення, що показує малі капітелі, набрані у звичайному, жирному та жирному курсивному стилях за допомогою всіх трьох сімейств шрифтів документа.](/files/2b489333df13dea632cbed1fc2d89a19b5f708d6) ## У наступному кроці Преамбула документа нашого проєкту тепер доволі захаращена великою кількістю коду налаштування fontspec. У Кроці 8 ми перенесемо код налаштування fontspec до простого проєкту, спростивши преамбулу документа та полегшивши оновлення наших шрифтів. --- # 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/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.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.