> 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/id/artikel-mendalam/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md). # Langkah 7: Menggunakan font variabel Noto Sans dan Roboto Mono dengan LaTeX [Pendahuluan](https://www.overleaf.com/learn/latex/Articles/How_to_use_OpenType_variable_fonts_with_LaTeX?preview=true) [Langkah 1](https://www.overleaf.com/learn/latex/Articles/Step_1:_Setting_up_an_Overleaf_project_to_use_variable_fonts?preview=true) [Langkah 2](https://www.overleaf.com/learn/latex/Articles/Step_2:_An_introduction_to_LaTeX_fonts?preview=true) [Langkah 3](https://www.overleaf.com/learn/latex/Articles/Step_3:_Replacing_LaTeX’s_default_fonts_with_variable_fonts?preview=true) [Langkah 4](https://www.overleaf.com/learn/latex/Articles/Step_4:_How_to_configure_an_italic_variable_font_using_fontspec?preview=true) [Langkah 5](https://www.overleaf.com/learn/latex/Articles/Step_5:_LaTeX_font_weights_and_named_instances_of_variable_fonts?preview=true) [Langkah 6](https://www.overleaf.com/learn/latex/Articles/Step_6:_Using_variable_fonts_to_add_bold_fonts_to_an_Overleaf_project?preview=true) [Langkah 7](https://www.overleaf.com/learn/latex/Articles/Step_7:_Using_Noto_Sans_and_Roboto_Mono_variable_fonts_with_LaTeX?preview=true) [Langkah 8](https://www.overleaf.com/learn/latex/Articles/Step_8:_How_to_create_a_simple_LaTeX_package_to_configure_your_variable_fonts?preview=true) [Contoh dan proyek](https://www.overleaf.com/learn/latex/Articles/Overleaf_projects_showing_how_to_use_variable_fonts_with_LaTeX?preview=true) Pada langkah ini kami mengonfigurasi gaya font tebal, miring, dan tebal-miring untuk Noto Sans dan Roboto Mono serta mendemonstrasikan penggunaannya untuk menyusun teks small caps dalam gaya tebal, miring, dan tebal-miring. Buka proyek Overleaf saat ini yang dikonfigurasi pada Langkah 6. ## Mengonfigurasi Noto Sans dan Roboto Mono Kami ingin mengaktifkan gaya font tebal, miring, dan tebal-miring untuk Noto Sans dan Roberto Mono. Persyaratan ini dirangkum dalam tabel berikut menggunakan pengenal seri dan bentuk font standar LaTeX. Ingat bahwa m dihapus dari pengenal seri *kecuali* di mana *keduanya* lebar dan bobot adalah m (medium). | **Deskripsi font** | **Pengenal seri** | **Bobot** | **Lebar** | **Bentuk** | | ---------------------------------------------------------------- | ----------------- | --------- | --------- | ---------- | | font berbobot tebal, berlebar sedang dalam bentuk normal (tegak) | b | b | m | n | | font berbobot sedang, berlebar sedang dalam bentuk miring | m | m | m | it | | font berbobot tebal, berlebar sedang dalam bentuk miring | b | b | m | it | Bagian-bagian berikut menunjukkan cara mengonfigurasi Noto Sans dan Roberto Mono agar menggunakan seri dan bentuk font ini. Bagian [Menyatukan semuanya](#putting-it-all-together) menunjukkan cara mengaktifkan bentuk font ini menggunakan `\setsansfont` dan `\setmonofont` perintah. ### Memilih nilai sumbu bobot untuk bobot sedang dan tebal Kita akan mulai dengan memilih nilai sumbu bobot untuk menentukan instans berbobot sedang dan berbobot tebal (LINK KE BAGIAN TUTORIAL) dari Noto Sans dan Roberto Mono. [sumbu bobot Noto Sans](https://fonts.google.com/specimen/Noto+Sans/tester) berkisar dari 100 hingga 900, untuk [Roboto Mono](https://fonts.google.com/specimen/Roboto+Mono/tester) rentangnya adalah 100 hingga 700, sehingga menyarankan nilai bobot berikut: | **Nama font** | **Bobot sedang** | **Bobot tebal** | | ------------- | ---------------- | --------------- | | Noto Sans | 400 | 600 | | Roboto Mono | 300 | 550 | ### Mengonfigurasi font miring berbobot sedang untuk Noto Sans dan Roboto Mono Untuk menambahkan font miring, kita menggunakan kunci `ItalicFont` dari fontspec yang berbentuk ``` ItalicFont=⟨nama font⟩ ``` di mana ⟨nama font⟩ adalah nama sebuah font, atau nama sebuah file font. Proyek Overleaf `VariableFonts` folder berisi file font miring yang perlu kita gunakan: * NotoSans-Italic-VariableFont-wdth-wght.ttf * RobotoMono-VariableFont-wght.ttf Dengan nama file dan nilai sumbu bobot yang tercantum di atas, italic berbobot sedang dapat ditambahkan menggunakan perintah yang ditunjukkan pada bagian-bagian berikut. #### Pengaturan untuk font tegak dan miring Noto Sans berbobot sedang Untuk Noto Sans, kode berikut akan ditambahkan ke preambel dokumen (lihat bagian [Menyatukan semuanya](#putting-it-all-together)). ```latex \setsansfont{NotoSans-VariableFont-wdth-wght.ttf}[ Weight=400, ItalicFont=NotoSans-Italic-VariableFont-wdth-wght.ttf ] ``` #### Pengaturan untuk font tegak dan miring Roboto Mono berbobot sedang Untuk Roboto Mono, kode berikut akan ditambahkan ke preambel dokumen (lihat bagian [Menyatukan semuanya](#putting-it-all-together)). ```latex \setmonofont{RobotoMono-VariableFont-wght.ttf}[ Weight=300, ItalicFont=RobotoMono-Italic-VariableFont-wght.ttf ] ``` ### Mengonfigurasi tebal dan tebal-miring untuk Noto Sans dan Roboto Mono Seperti ditunjukkan pada Langkah XXX (Tautan), kita akan menambahkan font tebal menggunakan `FontFace` kunci fontspec, yang memiliki bentuk berikut ``` FontFace = {⟨seri⟩}{⟨bentuk⟩}{ Font = ⟨nama font⟩ , ⟨fitur⟩ } ``` di mana * `⟨seri⟩` adalah pengenal seri LaTeX (tautan ke bagian) * `⟨bentuk⟩` adalah pengenal bentuk LaTeX (tautan ke bagian) * `⟨nama font⟩` adalah nama file font atau nama sebuah font * `⟨fitur⟩` berisi pengaturan yang akan kita gunakan untuk mengonfigurasi font variabel kita, seperti menetapkan nilai untuk sumbu lebar atau bobot #### Pengaturan untuk font tebal dan tebal-miring Noto Sans Untuk bentuk normal (tegak) berbobot tebal, kita memiliki: * `⟨seri⟩` = b * `⟨bentuk⟩` = n * `⟨nama font⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨fitur⟩` = Weight=600 menghasilkan ``` FontFace = {b}{n}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` Untuk bentuk miring berbobot tebal, kita memiliki: * `⟨seri⟩` = b * `⟨bentuk⟩` = it * `⟨nama font⟩` = NotoSans-VariableFont-wdth-wght.ttf * `⟨fitur⟩` = Weight=600 menghasilkan ``` FontFace = {b}{it}{Font = NotoSans-VariableFont-wdth-wght.ttf, Weight=600} ``` #### Pengaturan untuk font tebal dan tebal-miring Roboto Mono Untuk bentuk normal (tegak) berbobot tebal, kita memiliki: * `⟨seri⟩` = b * `⟨bentuk⟩` = n * `⟨nama font⟩` = RobotoMono-VariableFont-wght.ttf * `⟨fitur⟩` = Weight=550 menghasilkan ``` FontFace = {b}{n}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` Untuk bentuk miring berbobot tebal, kita memiliki: * `⟨seri⟩` = b * `⟨bentuk⟩` = it * `⟨nama font⟩` = RobotoMono-VariableFont-wght.ttf * `⟨fitur⟩` = Weight=550 menghasilkan ``` FontFace = {b}{it}{Font = RobotoMono-VariableFont-wght.ttf, Weight=550} ``` ## Menyatukan semuanya Untuk menerapkan konfigurasi yang dibahas di atas, buka proyek Overleaf saat ini dan ganti `\setsansfont` dan `\setmonofont` perintah yang ada dengan versi berikut. ```latex % Font serif keluarga dokumen \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 % Font monospace keluarga dokumen \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} ] ``` ## Cara menggunakan font baru kita Dengan fontspec, kita telah mengonfigurasi font tebal, miring, dan tebal-miring untuk ketiga keluarga font dokumen. Selain font yang telah kita konfigurasi, fontspec juga telah mengaktifkan versi small caps, seperti dapat dilihat dengan menempelkan kode berikut ke dalam dokumen Anda (setelah \begin{document}): ```latex \begin{itemize} \item Keluarga teks utama (Noto Serif): \begin{itemize}     \item \textsc{regular small caps}     \item \textit{\scshape italic small caps}       \item \textbf{\scshape bold small caps}     \item \textbf{\itshape\scshape bold italic small caps} \end{itemize} \item Keluarga sans serif (Noto Sans): \begin{itemize}     \item \textsc{\sffamily regular small caps}     \item \textit{\sffamily\scshape italic small caps}       \item \textbf{\sffamily\scshape bold small caps}     \item \textbf{\sffamily\itshape\scshape bold italic small caps} \end{itemize} \item Keluarga monospace (Roboto Mono): \begin{itemize}     \item \textsc{\ttfamily regular small caps}     \item \textit{\ttfamily\scshape italic small caps}       \item \textbf{\ttfamily\scshape bold small caps}     \item \textbf{\ttfamily\itshape\scshape bold italic small caps} \end{itemize} ``` Kode ini menghasilkan keluaran berikut ![Gambar yang menunjukkan small caps yang disusun dalam bentuk normal, tebal, dan tebal-miring menggunakan ketiga keluarga font dokumen.](/files/fa7527e39e4f0d07162efff4d6abc8fd1f5f0d50) ## Pada Langkah berikutnya Preambel dokumen proyek kita sekarang cukup penuh dengan banyak kode konfigurasi fontspec. Pada Langkah 8, kita memindahkan kode pengaturan fontspec ke proyek sederhana, menyederhanakan preambel dokumen dan membuat pembaruan font kita lebih mudah. --- # 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/id/artikel-mendalam/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.