{"id":2510,"date":"2022-08-30T08:23:40","date_gmt":"2022-08-30T01:23:40","guid":{"rendered":"https:\/\/mez.ink\/blog\/blog\/?p=2510"},"modified":"2022-09-06T13:58:01","modified_gmt":"2022-09-06T06:58:01","slug":"cara-menambahkan-font-di-figma","status":"publish","type":"post","link":"https:\/\/mez.ink\/blog\/cara-menambahkan-font-di-figma\/","title":{"rendered":"Tutorial Figma: Menambahkan Font di Figma"},"content":{"rendered":"\n<p>Sebenarnya, cara menambahkan font di Figma terbilang sangat mudah. Kamu dapat menggunakan font yang diinstal di komputermu selama kamu menggunakan Figma selama kamu menjalankannya di Windows atau macOS. Namun, di Linux atau Chromebook, kamu tidak dapat menggunakan font lokal. Sebagai gantinya, kamu harus meminta administrator tim atau organisasi menginstal font. Kami akan menunjukkan cara memastikan font komputer kamu kompatibel dengan Figma dan bagaimana administrator dapat menyesuaikan pengaturan font untuk setiap tim. Simak tutorial figma tentang menambahkan font di Figma berikut ini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tutorial Figma: Menambahkan Font<\/strong><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cara Menambahkan Font di Windows<\/strong><\/h2>\n\n\n\n<p>Cara menambahkan font di Figma pada sistem operasi Windows adalah:<\/p>\n\n\n\n<p>1.&nbsp; &nbsp; &nbsp; Simpan file data font. File data font biasanya berbentuk .zip.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"63\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_24.png\" alt=\"\" data-id=\"2513\" data-full-url=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_24.png\" data-link=\"https:\/\/mez.ink\/blog\/blog\/?attachment_id=2513\" class=\"wp-image-2513\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_24.png 624w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_24-300x30.png 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_24-150x15.png 150w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>2.&nbsp; &nbsp; &nbsp; Jika file font dikompresi, unzip dengan memilih Ekstrak saat kamu mengklik kanan folder.zip. Kamu dapat menemukan beberapa iterasi dengan jenis huruf yang sama, seperti &#8220;light&#8221; dan &#8220;bold&#8221; dalam satu zip. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"227\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_27-1.png\" alt=\"\" class=\"wp-image-2514\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_27-1.png 487w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_27-1-300x140.png 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_27-1-150x70.png 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_27-1-485x227.png 485w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/figure>\n\n\n\n<p>File font TrueType (TTF) dan OpenType (OTF) yang dapat diakses akan ditampilkan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"37\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_25.png\" alt=\"\" class=\"wp-image-2515\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_25.png 625w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_25-300x18.png 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_25-150x9.png 150w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/figure>\n\n\n\n<p>3.&nbsp; &nbsp;&nbsp;&nbsp; Double-click font yang diinginkan, lalu pilih Instal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"134\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_26.png\" alt=\"\" class=\"wp-image-2516\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_26.png 270w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_26-150x74.png 150w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cara Menambahkan Font di Mac<\/strong><\/h2>\n\n\n\n<p>Cara menambahkan font di Figma pada sistem operasi Mac agaknya cukup mudah. Di jendela pratinjau font yang muncul, klik dua kali font di Finder, lalu pilih Instal Font. Font diinstal dan dapat diakses setelah Mac memvalidasinya dan membuka program \u2018Book Font\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/support.apple.com\/en-us\/HT201749\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-1024x453.jpg\" alt=\"\" class=\"wp-image-2517\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-1024x453.jpg 1024w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-300x133.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-768x340.jpg 768w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-1536x679.jpg 1536w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-150x66.jpg 150w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-696x308.jpg 696w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro-1068x472.jpg 1068w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2022\/08\/macos-high-sierra-macbook-font-book-install-sf-pro.jpg 1560w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Source: support.apple.com<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cara Instal Figma Font Service<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/downloads.figma.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2022\/08\/Screenshot_23.png\" alt=\"\" class=\"wp-image-2511\" width=\"209\" height=\"288\"\/><\/a><\/figure>\n\n\n\n<p>Untuk menggunakan font yang diinstal dalam versi Figma berbasis web, kamu harus menginstal aplikasi layanan font tertentu. Cara menambahkan font service di figma web adalah:<\/p>\n\n\n\n<p>1.&nbsp; &nbsp;&nbsp;&nbsp; Kunjungi <a href=\"https:\/\/downloads.figma.com\">https:\/\/downloads.figma.com<\/a>.<\/p>\n\n\n\n<p>2.&nbsp; &nbsp;&nbsp;&nbsp; Klik &#8220;Font Installer&#8221; dan kemudian pilih sistem operasi komputermu.<\/p>\n\n\n\n<p>3.&nbsp; &nbsp;&nbsp;&nbsp; Untuk menginstal, klik dua kali file yang diunduh.<\/p>\n\n\n\n<p>4.&nbsp; &nbsp;&nbsp;&nbsp; Muat ulang semua tab Figma setelah instalasi untuk membuat font tersedia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cara Menambahkan Font Untuk Organisasi<\/strong><\/h2>\n\n\n\n<p>Dalam kasus penggunaan Linux atau Chromebook, kamu tidak dapat menggunakan font lokal. Sebagai gantinya menginstal font.Siapa pun dapat mengakses font Figma untuk organisasi. Apa pun yang kamu tambahkan ke organisasi, semua anggota tim dalam organisasi memiliki akses ke dan penggunaan font yang sudah ditambahkan. Perlu diingat bahwa font hanya dapat diunggah ke organisasi oleh admin.<\/p>\n\n\n\n<p>1.&nbsp; &nbsp;&nbsp;&nbsp; Buka Figma di ruang kerja untuk organisasi.<\/p>\n\n\n\n<p>2.&nbsp; &nbsp;&nbsp;&nbsp; Di bar samping kiri, pilih Pengaturan administrator.<\/p>\n\n\n\n<p>3.&nbsp; &nbsp;&nbsp;&nbsp; Pilih Resource, lalu pilih Shared fonts<\/p>\n\n\n\n<p>4.&nbsp; &nbsp;&nbsp;&nbsp; Klik Font untuk Mengunggah.<\/p>\n\n\n\n<p>5.&nbsp; &nbsp;&nbsp;&nbsp; Pilih file font dari PC kamu<\/p>\n\n\n\n<p>6.&nbsp; &nbsp;&nbsp;&nbsp; Beberapa file font dapat diunggah sekaligus. Untuk memilih jenis huruf, klik Buka.<\/p>\n\n\n\n<p>7.&nbsp; &nbsp;&nbsp;&nbsp; Verifikasi bahwa kamu memiliki lisensi yang diperlukan untuk menggunakan font. Untuk memulai proses upload, klik Upload. Untuk file di Organisasi, font sekarang akan dapat diakses oleh seluruh anggota.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Cara Menambahkan Font Untuk Tim Tertentu<\/strong><\/h2>\n\n\n\n<p>Kamu bisa menambahkan font di Figma dan mengatur aksesnya hanya untuk tim tertentu. Penambahan ini hanya bisa dilakukan oleh administrator tim atau organisasi tersebut.<\/p>\n\n\n\n<p>1.&nbsp; &nbsp;&nbsp;&nbsp; Di ruang kerja organisasi, buka Figma dan pilih tim dari bar samping.<\/p>\n\n\n\n<p>2.&nbsp; &nbsp;&nbsp;&nbsp; Pilih tab Pengaturan.<\/p>\n\n\n\n<p>3.&nbsp; &nbsp;&nbsp;&nbsp; Untuk mengelola font bersama, klik 3.<\/p>\n\n\n\n<p>4.&nbsp; &nbsp;&nbsp;&nbsp; Figma akan menampilkan daftar setiap font dalam tim tersebut, bersama dengan informasi tentang family, style, version, and sample font.<\/p>\n\n\n\n<p>5.&nbsp; &nbsp;&nbsp;&nbsp; Pilih font dengan mengklik di sudut kanan atas.<\/p>\n\n\n\n<p>6.&nbsp; &nbsp;&nbsp;&nbsp; Klik Buka atau Open setelah memilih file font dari PC kamu. Kamu bebas memilih file font sebanyak yang kamu suka.<\/p>\n\n\n\n<p>7.&nbsp; &nbsp;&nbsp;&nbsp; Verifikasi bahwa kamu memiliki otorisasi dan lisensi yang diperlukan sebelum menggunakan font dengan mencentang kotak.<\/p>\n\n\n\n<p>8.&nbsp; &nbsp;&nbsp;&nbsp; Untuk memulai proses upload, klik Upload. File apa pun di tim itu sekarang akan memiliki akses ke font di pemilih font.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Kesimpulan<\/strong><\/h2>\n\n\n\n<p>Itulah tutorial figma tentang cara menambahkan font di Figma. Semoga bermanfaat!<\/p>\n\n\n\n<p>Baca <a href=\"https:\/\/mez.ink\/blog\/blog\/category\/tutorial-figma\/\">konten tentang figma<\/a> lainnya <a href=\"https:\/\/mez.ink\/blog\/blog\/\">di blog Mezink<\/a> sekarang!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/qrgo.page.link\/7YgUS\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"337\" src=\"https:\/\/mez.ink\/blog\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink.jpg\" alt=\"Jadi YouTuber Terkenal Dengan Mezink\" class=\"wp-image-755\" srcset=\"https:\/\/mez.ink\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink.jpg 600w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink-300x169.jpg 300w, https:\/\/mez.ink\/blog\/wp-content\/uploads\/2021\/12\/Jadi-YouTuber-Terkenal-Dengan-Mezink-150x84.jpg 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Sebenarnya, cara menambahkan font di Figma terbilang sangat mudah. Kamu dapat menggunakan font yang diinstal di komputermu selama kamu menggunakan Figma selama kamu menjalankannya di Windows atau macOS. Namun, di Linux atau Chromebook, kamu tidak dapat menggunakan font lokal. Sebagai gantinya, kamu harus meminta administrator tim atau organisasi menginstal font. Kami akan menunjukkan cara memastikan [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":2520,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[288],"tags":[225,256,257],"class_list":{"0":"post-2510","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorial-figma","8":"tag-figma","9":"tag-figma-101","10":"tag-tutorial-figma"},"_links":{"self":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts\/2510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/comments?post=2510"}],"version-history":[{"count":5,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts\/2510\/revisions"}],"predecessor-version":[{"id":2650,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/posts\/2510\/revisions\/2650"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/media\/2520"}],"wp:attachment":[{"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/media?parent=2510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/categories?post=2510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mez.ink\/blog\/wp-json\/wp\/v2\/tags?post=2510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}