> 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/29-how-to-use-opentype-variable-fonts-with-latex.md). # Cara menggunakan font variabel OpenType 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) Dalam seri tutorial ini, Anda akan belajar cara memasang, mengonfigurasi, dan menggunakan font variabel OpenType di LaTeX, dengan fokus pada LuaLaTeX dan [paket fontspec](https://ctan.org/pkg/fontspec?lang=en). Melalui sebuah [proyek Overleaf](https://www.overleaf.com/8438931911svtqtnmfvsrp#28008d), Anda akan mengikuti petunjuk langkah demi langkah yang mencakup teknik praktis sekaligus pengetahuan latar belakang yang penting, sehingga Anda dapat dengan percaya diri bekerja dengan font variabel dalam dokumen LaTeX Anda. Sepanjang proses, Anda akan mengembangkan pemahaman yang lebih luas tentang font LaTeX, termasuk cara mengatasi peringatan “undefined font shape” dengan mengonfigurasi font variabel yang sesuai. Font variabel menawarkan fleksibilitas yang tak tertandingi dalam desain dokumen LaTeX, meningkatkan penyajian teks dan keterbacaan dengan memungkinkan Anda menyesuaikan atribut font seperti ketebalan dan lebar. Font ini juga membantu mengatasi masalah penyusunan huruf, seperti memuat lebih banyak teks ke dalam ruang yang tersedia. Harap dicatat bahwa seri ini hanya berfokus pada font teks, karena font variabel untuk penyusunan matematika belum tersedia. ### Isi tutorial * Pengenalan font variabel (artikel ini) * [Langkah 1: Menyiapkan proyek Overleaf untuk menggunakan font variabel](/latex/id/artikel-mendalam/37-step-1-setting-up-an-overleaf-project-to-use-variable-fonts.md) * [Langkah 2: Pengenalan font LaTeX](/latex/id/artikel-mendalam/38-step-2-an-introduction-to-latex-fonts.md) * [Langkah 3: Mengganti font bawaan LaTeX dengan font variabel](/latex/id/artikel-mendalam/39-step-3-replacing-latex-s-default-fonts-with-variable-fonts.md) * [Langkah 4: Cara mengonfigurasi font variabel miring menggunakan fontspec](/latex/id/artikel-mendalam/40-step-4-how-to-configure-an-italic-variable-font-using-fontspec.md) * [Langkah 5: Ketebalan font LaTeX dan instance bernama dari font variabel](/latex/id/artikel-mendalam/41-step-5-latex-font-weights-and-named-instances-of-variable-fonts.md) * [Langkah 6: Menggunakan font variabel untuk menambahkan font tebal ke proyek Overleaf](/latex/id/artikel-mendalam/42-step-6-using-variable-fonts-to-add-bold-fonts-to-an-overleaf-project.md) * [Langkah 7: Menggunakan font variabel Noto Sans dan Roboto Mono dengan LaTeX](/latex/id/artikel-mendalam/43-step-7-using-noto-sans-and-roboto-mono-variable-fonts-with-latex.md) * [Langkah 8: Cara membuat paket LaTeX sederhana untuk mengonfigurasi font variabel Anda](/latex/id/artikel-mendalam/44-step-8-how-to-create-a-simple-latex-package-to-configure-your-variable-fonts.md) * [5 proyek Overleaf yang menunjukkan cara menggunakan font variabel dengan LaTeX](/latex/id/artikel-mendalam/35-overleaf-projects-showing-how-to-use-variable-fonts-with-latex.md) ### Pengenalan font variabel Bagi para tipografer, desainer, dan penggemar font, 14 September 2016 adalah tanggal yang patut dikenang. Pada hari itu, Microsoft, [Google](https://opensource.googleblog.com/2016/09/introducing-opentype-font-variations.html), [Adobe](https://blog.typekit.com/2016/09/14/variable-fonts-a-new-kind-of-font-for-flexible-design/), dan Apple [mengumumkan secara publik](https://youtu.be/6kizDePhcFU?feature=shared\&t=250) format font baru bernama [OpenType Font Variations](https://medium.com/variable-fonts/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369), yang lebih umum dikenal sebagai *font variabel OpenType* atau singkatnya *font variabel*. Secara tradisional, setiap gaya font, seperti regular, bold, semi-bold, extra bold, condensed, bold-condensed, dan lain-lain, membutuhkan file font terpisah, tetapi hal itu tidak lagi diperlukan. Font variabel OpenType adalah teknologi yang mengesankan yang memungkinkan satu file font menghasilkan berbagai gaya font dengan menyesuaikan nilai parameter bawaan yang dikenal sebagai *sumbu desain*. Hal ini didemonstrasikan dalam video berikut menggunakan [font variabel Noto Serif milik Google](https://fonts.google.com/noto/specimen/Noto+Serif/tester). {% embed url="" %} Noto Serif milik Google memiliki dua sumbu desain, lebar dan ketebalan, tetapi font lain mungkin memiliki satu sumbu atau beberapa sumbu—misalnya, sebuah font variabel bernama [Recursive](https://fonts.google.com/specimen/Recursive/tester) memiliki lima sumbu dan [beberapa bahkan lebih banyak lagi](https://www.axis-praxis.org/specimens/decovar). Pengembang font menentukan jumlah sumbu dan efek desainnya. ### Beberapa catatan tentang sumbu desain Inilah yang perlu Anda ketahui tentang sumbu desain untuk menggunakan font variabel dengan LaTeX (khususnya fontspec dan LuaLaTeX). * Setiap sumbu desain diidentifikasi oleh “tag” singkat empat karakter dan nama yang lebih panjang serta lebih deskriptif. * Spesifikasi font variabel OpenType menyediakan [lima sumbu terdaftar (“standar”)](https://learn.microsoft.com/en-us/typography/opentype/spec/dvaraxisreg#registered-axis-tags): | | | | ---- | ------------ | | Tag | Nama | | ital | Miring | | opsz | Ukuran optik | | slnt | Kemiringan | | wdth | Lebar | | wght | Bobot | * Mulai dari [versi 2.9a](https://github.com/latex3/fontspec/releases/tag/v2.9a), [paket fontspec](https://ctan.org/pkg/fontspec?lang=en) dapat mengatur nilai sumbu standar menggunakan namanya, seperti `Weight=400`. * Pembuat font bebas membuat dan menamai sumbu desain tambahan. fontspec menyediakan fitur untuk mengatur nilai sumbu desain apa pun menggunakan tag empat karakternya. * Nilai sumbu desain berkisar dari minimum hingga maksimum dengan ukuran langkah yang ditentukan oleh pembuat font. Untuk menggunakan font variabel dengan LaTeX (LuaLaTeX), Anda perlu mengetahui sumbunya serta nilai minimum, maksimum, dan inkremen (ukuran langkah) masing-masing. * Saat ini, font variabel hanya dapat digunakan untuk teks dokumen Anda—belum ada font matematika variabel. * Google memelihara [daftar sumbu desain](https://fonts.google.com/variablefonts#axis-definitions) yang saat ini digunakan oleh font yang mereka sediakan, termasuk tag desain empat huruf, nama lengkap, dan definisi tentang fungsi sumbu tersebut. ### Font variabel memerlukan LuaLaTeX dan paket fontspec Hingga Agustus 2024, hanya [kompiler](/latex/id/basis-pengetahuan/026-changing-compiler.md) LuaLaTeX yang mendukung font variabel OpenType—pdfLaTeX dan XeLaTeX tidak mendukungnya. Menggunakan font OpenType dengan LuaLaTeX memerlukan paket fontspec, yang menyediakan perintah tingkat pengguna untuk mengakses sistem pemuatan font yang lebih rendah dan lebih teknis yang disebut [luaotfload](https://ctan.org/pkg/luaotfload?lang=en). Meskipun sangat mungkin untuk menggunakan fitur-fitur luaotfload secara langsung, kebanyakan orang lebih memilih kemudahan dan kepraktisan fontspec. [TeX Live 2024](https://www.overleaf.com/blog/tex-live-2024-is-now-available) mencakup fontspec versi 2.9a, dirilis pada 13 Februari 2024, yang menambahkan fitur ekstra yang membuat penggunaan font variabel menjadi jauh lebih mudah. ### Di mana saya dapat menemukan dan menjelajahi beberapa font variabel? Mengunjungi Google Fonts adalah tempat yang sangat baik untuk memulai—terutama [halaman yang mencantumkan keluarga font dan sumbu desainnya](https://fonts.google.com/variablefonts). Setelah Anda menemukan font yang menarik, buka *halaman Type tester* dan sesuaikan sumbu desainnya menggunakan kontrol yang disediakan. Fitur [situs web Axis-Praxis](https://www.axis-praxis.org) memungkinkan Anda bereksperimen dengan banyak font variabel, beberapa di antaranya menunjukkan kemungkinan desain yang menarik—termasuk [Decovar](https://www.axis-praxis.org/specimens/decovar), sebuah font eksperimental dengan 12 sumbu desain. Anda juga dapat mengunggah font variabel ke Axis-Praxis dan mengujinya menggunakan kontrol yang dibuat otomatis oleh platform untuk memvariasikan nilai sumbu desain. Situs lain yang bermanfaat adalah , yang menjelaskan tujuannya sebagai “Sumber daya sederhana untuk menemukan dan mencoba font variabel.” [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) --- # 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/29-how-to-use-opentype-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.