Cara mendownload model font unik yang digunakan pada website perusahaan komersil

-

Model font dari website cyberpunk 2077

Kali ini saya akan berbagi sedikit tips untuk mengambil font menarik dari website komersil. maksud dari  website komersil  adalah font yang berbeda dan unik yang ditampilkan di website-website, biasanya website official game lebih dominan untuk menampilkan font yang unik dan memiliki ciri khas sendiri dari sebuah produk.

*Trik ini sebenarnya sudah lama sekitar 2 tahun lalu ketika saya masih menjadi editor desain untuk promosi  game dan produk pemasaran.  

BAHAN-BAHAN :

Kali ini bahan yang saya gunakan hanya menggunakan browser MS Edge,  bagi yang menggunakan selain ini juga bisa menyesuaikan seperti Opera, Chrome, atau Vivaldi .


CARA PAKAI :

Mula-mula cari website yang dituju, disini saya mengakses web CYBERPUNK 2077 karena website ini memiliki font yang unik dan jarang digunakan oleh website-website pada umumnya.

Klik kanan mouse dan pilih inspect pada diposisi "OUR COMMITMENT TO QUALITY"

Yang kedua klik kanan pada mouse dan pilih inspect atau bisa dilihat pada gambar diatas

Tampilan inspect element terletak pada panel kanan

Yang ketiga pada panel kanan muncul kotak untuk inspect element, lalu pilih Sources->Folder Font, dan disitu akan menemukan dua file bernama BlenderPro-Bold.woff2 & BlenderPro-Book.woff2 Lalu download kedua-duanya, kedua file  tersebut merupakan file fontnya cara mendownloadnya dengan mengklik kanan kedua file tersebut lalu pilih new tab, otomatis file tersebut nantinya akan terdownload.

File font yang telah terdownload


Setelah itu konversikan file .woff2 menjadi .ttf atau .otf websitenya bisa diakses disini :


Tampilan konversi Woff2 to TTF

Setelah itu hasil dari di convert didownload dan bisa digunakan untuk keperluan font seperti di office, corel draw, inkscape, dan masih banyak lagi.

Hasil konversi dari Woff2 to TTF

CATATAN :

Tidak semua website bisa dilakukan dengan cara yang diatas

Biasanya file font menggunakan format .woff atau .woff2

File font yang didownload memiliki lisensi yang berbeda-beda, harap dengan bijak untuk menggunakannya.

Lokasi: Kota Samarinda, Kalimantan Timur, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara untuk masuk dolphin file explorer dengan permission root pada linux (ubuntu 20.04 kde plasma)

-
Gambar
  Tampilan error ketika menggunakan  dolphin file explorer menjadi root access Untuk pengguna linux khususnya ubuntu 20.04  dengan desktop environtmentnya KDE Plasma pasti pernah mengalami error ketika  ingin memanggil aplikasi file explorer bawaan desktop environtment nya KDE yaitu dolphin yang bertuliskan " Executing Dolphin with sudo is not possible due to unfixable security vulneralbilities " . Saya dapat solusinya melalui forum linux, untuk supaya bisa masuk ke mode root mode dengan menggunakan command (di terminal )  copy paste semua: sudo sh -c "unset SUDO_USER; unset KDESU_USER; dolphin" Dengan begitu akan bisa masuk ke dolphin file explorer dengan mode root seperti pada gambar dibawah ini :
Baca selengkapnya

Lokasi penyimpanan config auto login sddm berada (plasma desktop) Linux

-
Gambar
Tampilan System Setting kde plasma pada ubuntu 20.04 AWAL MULA CERITA MASALAH Pada waktu itu saya mendapatkan bug pada ubuntu 20.04 , pada saat itu ketika saya mematikan secara paksa untuk reboot ulang, ternyata pada saat  di reboot ulang layar pada desktop saya blank dan hanya meninggalkan tampilan kursor mouse saja dan saya yakin pasti ada kesalah " crash " pada saat dimatikan paksa, dan pada saat itu laptop saya posisikan autologin jadi  saya tidak tahu diposisi mana awal mula terjadinya " crash " setelah saya telusuri melalui system setting melalui terminal command ternyata ada kesalahan di automatically log berada di posisi tidak semestinya yaitu di posisi openbox  untuk posisi desktop environtmennya dan bukan di posisi plasma . setelah saya ingin merubah settingnya ternyata tidak bisa tersimpan dikarenakan tidak bisa autentikasi menjadi  root pada saat itu. dan mau tidak mau harus kembali ke terminal karena terminal merupakan kontrol penuh d
Baca selengkapnya

Cara menyesuaikan ukuran dan posisi rectangle area dan page pada Inkscape

-
Gambar
 Kali ini saya akan membahas tentang bagaimana caranya agar objek rectangle bisa masuk dan sesuai dengan page area yang kita buat. Pertama kita tentukan dahulu ukuran pada page area, di contoh ini saya membuat page area dengan ukuran A4 untuk melihat cara mengatur page area bisa dilihat tutorialnya DISINI   Buat objek kotak dengan rectangle area dengan ukuran yang sembarang saja. Setelah langkah diatas lalu lakukan : 1. Klik Select and Transform Objects 2. Pilih objek kotak yang kita buat tadi 3. Atur Weight dan Heightnya sesuai dengan ukuran page area tadi dan jangan lupa satuan unitnya diubah ke mm ( milimeter ) Karena kita menyesuaikan ukuran A4 sesuai dengan ukuran page area tadi ubah nilainya ke W: 210 dan H: 297 mm Pilih object kotak merah, lalu pilih tab Object -> Align and Distribute Dan tahap terakhir : 1. Pilih Relative To Page 2. Dan pilih kedua tombol ini Dan akhirnya selesai cara membuat objek agar sesuai dengan halaman page area
Baca selengkapnya