> 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/35-overleaf-projects-showing-how-to-use-variable-fonts-with-latex.md). # Proyek Overleaf yang menunjukkan cara menggunakan font variabel 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) Bagian terakhir tutorial ini mencantumkan lima proyek yang dibuat oleh Overleaf untuk menampilkan penggunaan font variabel OpenType. Semua proyek berisi berkas font variabel yang diperlukan dan sebuah `latexmkrc` berkas yang digunakan untuk membuat berkas font tersebut tersedia bagi LaTeX. Pengguna paket gratis disarankan bahwa beberapa proyek ini memiliki waktu kompilasi awal yang lebih lama, karena penggunaan LuaLaTeX dan font variabel OpenType. ## Proyek 1: Proyek siap pakai yang dikonfigurasi dengan font variabel OpenType * Buka proyek Overleaf Proyek ini dikonfigurasi untuk menggunakan Noto Serif, Noto Sans, dan Roboto Mono. Judul bagian, keterangan gambar dan tabel, bahkan catatan kaki, dikonfigurasi untuk menggunakan pengaturan font variabel tertentu—lihat berkas proyek `myvariablefonts.sty` untuk rincian lebih lanjut. ## Proyek 2: Menggunakan font variabel untuk mendemonstrasikan perintah pemilihan font LaTeX * Buka proyek Overleaf: Proyek ini mengonfigurasi banyak kombinasi lebar, ketebalan, dan bentuk font LaTeX untuk Noto Serif, Noto Sans, dan Roboto Mono. Proyek ini menunjukkan cara menggunakan font-font tersebut dengan perintah pemilihan font LaTeX `\fontseries`, `\fontshape` dan `\fontfamily`. ![Gambar yang menunjukkan perintah \fontseries LaTeX digunakan untuk menata huruf font variabel](/files/17c0c012dab5c9a0e2e05880ee5bb1da2b863841) ## Proyek 3: Menggunakan font variabel untuk menata huruf bahasa Arab dan Inggris dengan paket babel * Buka proyek Overleaf Proyek ini menunjukkan cara mengonfigurasi font variabel OpenType untuk digunakan dengan [paket babel](https://ctan.org/pkg/babel?lang=en). Proyek ini mencakup contoh penataan huruf campuran bahasa Inggris dan Arab menggunakan beberapa font variabel OpenType aksara Arab: * [Noto Naskh Arabic](https://fonts.google.com/noto/specimen/Noto+Naskh+Arabic/tester) * [Noto Nastaliq](https://fonts.google.com/noto/specimen/Noto+Nastaliq+Urdu/tester) * [Noto Sans Arabic](https://fonts.google.com/noto/specimen/Noto+Sans+Arabic/tester) Proyek ini menunjukkan bagaimana fontspec’s `\addfontfeatures` perintah dapat digunakan untuk membuat perubahan sementara pada font variabel OpenType, termasuk font variabel Arab yang digunakan dalam proyek ini. ![Gambar yang menunjukkan paragraf teks Arab dan Inggris yang ditata huruf menggunakan LaTeX dengan font variabel OpenType](/files/9b7ba3a366f506b87382befbe277ec9bb11fc733) **Pernyataan penyangkalan**: Semua teks non-Inggris dan terjemahan terkait dihasilkan menggunakan ChatGPT. ## Proyek 4: Beragam contoh yang menampilkan font variabel * Buka proyek Overleaf Proyek ini berisi beberapa contoh yang menunjukkan cara menggunakan fontspec’s `\addfontfeatures` perintah untuk membuat penyesuaian sementara pada font variabel; misalnya, mengubah lebar atau ketebalan font sementara untuk menyesuaikan ruang yang diperlukan untuk menata beberapa teks. Bagian-bagian berikut menguraikan contoh-contoh tersebut dan memberikan informasi latar belakang untuk membantu Anda memaksimalkan masing-masing. ### Contoh: Mengubah lebar font agar lebih banyak teks muat dalam ruang tertentu Contoh ini menggunakan fontspec’s `\addfontfeatures` perintah untuk menunjukkan bahwa pengurangan kecil yang hampir tak terlihat pada lebar font variabel dapat memuat lebih banyak teks dalam ruang tertentu. Dua minipage yang berisi teks yang sama ditata berdampingan, membandingkan Noto Serif yang tidak dipadatkan dengan versi yang nilai sumbu lebarnya dikurangi 4%. ![Gambar yang menunjukkan pengurangan lebar font variabel dapat memuat lebih banyak teks dalam ruang tertentu](/files/fac2fdc6321f065eb6f2e84b68d43847f2509e30) ### Contoh: Menggunakan font variabel dengan paket fancyvrb Menggunakan fontspec’s `\newfontfamily` perintah, contoh ini menunjukkan cara menggunakan font variabel pilihan Anda untuk menata huruf kode program dalam sebuah `Verbatim` lingkungan yang disediakan oleh [`fancyvrb` ke preambel dokumen Anda (seperti disarankan](https://ctan.org/pkg/fancyvrb?lang=en). Contoh ini juga menunjukkan cara menerapkan pemformatan pada kode yang ditata huruf menggunakan LaTeX's `\fontseries` perintah. ![Gambar yang menunjukkan teks verbatim ditata huruf menggunakan font variabel](/files/ed7d72d5f531875c15aeba9e2c2ca10ebe55b967) #### Beberapa catatan tentang lingkungan Verbatim Fitur `Verbatim` lingkungan berbentuk sebagai berikut ```latex \begin{Verbatim}[⟨settings⟩] ⟨input⟩ \end{Verbatim} ``` di mana * situs web `[⟨settings⟩]` bagian bersifat opsional. `⟨settings⟩` dapat berisi parameter (pasangan nilai-kunci) yang memungkinkan Anda mengonfigurasi perilaku khusus dari `Verbatim` lingkungan * `⟨input⟩` adalah teks yang ingin Anda tata huruf Sebuah `Verbatim` lingkungan menonaktifkan pemrosesan teks bawaan LaTeX sehingga `⟨input⟩` teks dapat ditata huruf persis seperti aslinya—termasuk spasi, perintah LaTeX, karakter khusus, dan pemisah baris. Untuk memformat `⟨input⟩` teks, seperti menerapkan tebal atau miring, gunakan `commandchars` kunci dalam `⟨settings⟩` bagian. `commandchars` menetapkan tiga karakter “khusus” yang dapat digunakan di `⟨input⟩` untuk memanggil makro LaTeX alih-alih ditata huruf. Untuk menghindari kesalahan dan konflik, pilih tiga karakter yang tidak akan muncul di bagian lain dalam `⟨input⟩` teks. Sebagai contoh, menulis ```latex \begin{Verbatim}[commandchars=|()] ⟨input⟩ \end{Verbatim} ``` memberi tahu `Verbatim` lingkungan untuk memperlakukan karakter `|`, `(`, dan `)` sebagai karakter perintah. Jika karakter tersebut muncul di dalam `⟨input⟩` LaTeX akan memprosesnya sebagai berikut: * `|` digunakan untuk memperkenalkan perintah LaTeX—menggantikan `\` karakter biasa. * `(` dan `)` digunakan untuk membatasi argumen perintah LaTeX—sebagai ganti `{` dan `}` Misalnya, untuk menata huruf sebagian dari `⟨input⟩` teks dengan tebal, Anda akan menulis `|textbf(some text)` alih-alih menulis `\textbf{some text}`. ### Contoh: Menata huruf angka menggunakan gaya yang berbeda Contoh ini menggunakan fontspec’s `\addfontfeatures` perintah untuk sementara mengubah gaya yang digunakan untuk menata huruf karakter 0, 1, 2, ... 9, yang umumnya dikenal sebagai “digit” atau “angka”. Para tipografer dan desainer menyebut karakter-karakter ini sebagai “figures”, istilah yang digunakan dalam contoh ini. #### Beberapa catatan tentang tipografi dan gaya angka Seiring waktu, berbagai gaya untuk menata huruf angka telah dikembangkan untuk berbagai elemen dokumen, seperti di dalam tabel, teks utama, atau judul dokumen. Gaya-gaya tersebut ditentukan menurut tiga sifat angka: lebar, tinggi, dan perataan relatif terhadap garis dasar. Dua gaya didasarkan pada lebar angka: * **proporsional**: lebar setiap angka bervariasi sesuai desainnya. * **tabular**: setiap angka memiliki lebar yang sama. Dua gaya didasarkan pada tinggi dan perataan angka: * **lining**: angka berada di atas garis dasar, dan elemen desainnya tidak turun di bawahnya. Semua angka memiliki tinggi yang sama. * **oldstyle**: tinggi angka bervariasi, dan sebagian elemen desain angka dapat muncul di bawah garis dasar. Menggabungkan keduanya menghasilkan empat gaya penataan huruf seperti yang ditunjukkan pada grafik berikut: ![](/files/4ebafaba7130f27d0a9acfaccbc7d83de7ce7b82) Sebuah [artikel yang diterbitkan oleh Monotype](https://www.monotype.com/resources/expertise/how-use-figure-styles-illustrator) membahas cara menggunakan gaya angka ini. #### Cara mengakses gaya angka ini Ketersediaan gaya angka ini bergantung pada font OpenType variabel atau non-variabel yang digunakan untuk menata huruf dokumen Anda. Untungnya, Noto Serif mendukung keempat gaya angka, sehingga kita dapat mendemonstrasikannya menggunakan `\addfontfeatures` untuk menerapkan gaya angka yang berbeda menggunakan fontspec’s `Numbers` kunci—perhatikan kapitalisasi `OldStyle`. Tabel berikut adalah salah satu contoh yang diberikan: ![Tabel yang menunjukkan empat gaya yang digunakan untuk menata huruf angka: tabular oldstyle, proportional oldstyle, tabular lining, dan proportional lining.](/files/a698f92d242a3d3d3b76fcf565cd420ddb8a67c9) * Buka proyek Overleaf ## Proyek 5: Menggunakan font variabel untuk mendemonstrasikan bentuk font “virtual” LaTeX * Buka proyek Overleaf Bentuk font “virtual” LaTeX tidak mewakili font fisik; sebaliknya, bentuk tersebut dimaksudkan untuk digunakan dengan `\fontshape` untuk mengubah bentuk saat ini. Contoh proyek menunjukkan cara menggunakan perintah `\fontshape`, `\textup`, `\textulc`, `\upshape`, dan `\ulcshape`. --- # 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/35-overleaf-projects-showing-how-to-use-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.