> 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/ko/in-depth-articles/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # 7단계: LaTeX에서 Noto Sans 및 Roboto Mono 가변 글꼴 사용하기 [소개](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에 대해 굵게, 이탤릭, 굵은 이탤릭 글꼴 스타일을 설정하고, 이를 사용해 작은 대문자를 굵게, 이탤릭, 굵은 이탤릭으로 조판하는 방법을 보여줍니다. 6단계에서 설정한 현재 Overleaf 프로젝트를 엽니다. ## Noto Sans 및 Roboto Mono 설정 Noto Sans와 Roberto Mono에 대해 굵게, 이탤릭, 굵은 이탤릭 글꼴 스타일을 활성화하려고 합니다. 이러한 요구 사항은 LaTeX의 표준 글꼴 시리즈와 형태 식별자를 사용한 다음 표에 요약되어 있습니다. 시리즈 식별자에서는 m이 생략된다는 점을 기억하세요. *제외하고* 여기서 *둘 다* 너비와 굵기는 m(중간)입니다. | **글꼴 설명** | **시리즈 식별자** | **굵기** | **폭** | **모양** | | -------------------------- | ----------- | ------ | ----- | ------ | | 정상(직립) 형태의 굵은 굵기, 중간 너비 글꼴 | b | b | m | n | | 이탤릭 형태의 중간 굵기, 중간 너비 글꼴 | m | m | m | 이탤 | | 이탤릭 형태의 굵은 굵기, 중간 너비 글꼴 | b | b | m | 이탤 | 다음 섹션에서는 Noto Sans와 Roberto Mono를 이러한 글꼴 시리즈와 형태를 사용하도록 설정하는 방법을 보여줍니다. 섹션 [모두 합치기](#putting-it-all-together) 에서는 다음을 사용해 이러한 글꼴 형태를 활성화하는 방법을 보여줍니다. `\setsansfont` 및 `\setmonofont` 명령들. ### 중간 및 굵은 굵기에 대한 weight 축 값 선택 먼저 Noto Sans와 Roberto Mono의 중간 굵기 및 굵은 굵기 인스턴스(LINK TO TUTORIAL SECTION)를 정의하기 위한 weight 축 값을 선택하겠습니다. Noto Sans의 [weight 축은](https://fonts.google.com/specimen/Noto+Sans/tester) 에서 100부터 900까지이며, [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) 의 범위는 100부터 700까지이므로 다음과 같은 weight 값을 제안합니다. | **글꼴 이름** | **중간 굵기** | **굵은 굵기** | | ----------- | --------- | --------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### Noto Sans 및 Roboto Mono의 중간 굵기 이탤릭 글꼴 설정 이탤릭 글꼴을 추가하려면 fontspec의 `ItalicFont` 키를 사용하며, 형식은 다음과 같습니다. ``` ItalicFont=⟨글꼴 이름⟩ ``` 여기서 ⟨글꼴 이름⟩은 글꼴의 이름 또는 글꼴 파일의 이름입니다. Overleaf 프로젝트의 `VariableFonts` 폴더에는 우리가 사용해야 하는 이탤릭 글꼴 파일이 들어 있습니다. * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf 위에 나열한 이러한 파일 이름과 weight 축 값을 사용하면, 다음 섹션에 표시된 명령으로 중간 굵기 이탤릭을 추가할 수 있습니다. #### 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(Link)에서 보여준 것처럼, fontspec의 `FontFace` 키를 사용해 굵은 글꼴을 추가할 것이며, 그 형식은 다음과 같습니다. ``` FontFace = {⟨series⟩}{⟨shape⟩}{ Font = ⟨글꼴 이름⟩ , ⟨features⟩ } ``` 여기서 * `⟨series⟩` 는 LaTeX 시리즈 식별자입니다(섹션 링크). * `⟨shape⟩` 는 LaTeX 형태 식별자입니다(섹션 링크). * `⟨글꼴 이름⟩` 은 글꼴 파일의 이름 또는 글꼴의 이름입니다. * `⟨features⟩` 는 너비 또는 굵기 축의 값을 설정하는 것과 같이, 가변 글꼴을 설정하는 데 사용할 설정을 포함합니다. #### Noto Sans의 굵은 글꼴 및 굵은 이탤릭 글꼴 설정 굵은 굵기, 정상(직립) 형태의 경우는 다음과 같습니다. * `⟨series⟩` = b * `⟨shape⟩` = n * `⟨글꼴 이름⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨features⟩` = Weight=600 그 결과는 ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` 굵은 굵기, 이탤릭 형태의 경우는 다음과 같습니다. * `⟨series⟩` = b * `⟨shape⟩` = it * `⟨글꼴 이름⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨features⟩` = Weight=600 그 결과는 ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Roboto Mono의 굵은 글꼴 및 굵은 이탤릭 글꼴 설정 굵은 굵기, 정상(직립) 형태의 경우는 다음과 같습니다. * `⟨series⟩` = b * `⟨shape⟩` = n * `⟨글꼴 이름⟩` = RobotoMono-VariableFont-wght.ttf * `⟨features⟩` = Weight=550 그 결과는 ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` 굵은 굵기, 이탤릭 형태의 경우는 다음과 같습니다. * `⟨series⟩` = b * `⟨shape⟩` = it * `⟨글꼴 이름⟩` = 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/ac61e7ecdd5e8d6c4bda876f4eb43d4ebea46fc3) ## 다음 단계에서 이제 프로젝트 문서의 서문은 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/ko/in-depth-articles/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.