Cara Menambahkan Font Di Blogger

Advertisement
Garang Garong - Saya bereksperimen dengan beberapa font baru yang menakjubkan (kebanyakan dari tupai dafont dan font) dan saya menemukan bahwa saya dapat mengubah font desktop menjadi font web untuk menggunakannya di hampir semua situs web, bahkan blogger (di mana Anda benar-benar memiliki tidak ada pilihan untuk meng-host file apapun) dan coba tebak apa yang saya lakukan menggaet banyak font pada banyak proyek saya. Jadi hari ini saya akan berbagi cara termudah untuk menambahkan font custom ke blog blogger atau situs web manapun, yang anda butuhkan hanyalah sedikit pengetahuan CSS.
Cara Menambahkan Font Di Blogger - Garang Garong

Langkah Untuk Menambahkan Font Kustom ke Blogger


  1. Jadi pertama-tama kamu perlu mendownload font yang ingin kamu gunakan di blog kamu, coba download dari dafont atau fontsquirrel. Jika sudah memiliki font maka tidak perlu mendownload.
  2. Sekarang, kita perlu mengkonversikan font yang sudah kamu download sebelumnya ke font web. Pergilah ke Fontsquirrel Webfont Generator.
  3. Upload font yang sudah kamu download , klik pada checkbox - Yes, the fonts I'm uploading are legally eligible for web embedding.
  4. Download font kamu dalam file zip
  5. Sekarang upload di root folder website kamu atau DropBox jika kamu menggunakan blogger.
  6. Periksa Bagaimana Menyusun CSS di DropBox.
  7. Sekarang setelah hosting file, kamu perlu menambahkan link masing-masing di css dan paste di tema blog yang kamu miliki (sama jika kamu menggunakan situs berbasis html)
  8. Kamu dapat dengan mudah melakukan ini dengan masuk ke Blogger > Template > Edit > Ctrl+F dan cari kode ini  </head>  dan paste css di atas </ head> dan simpan.
  9. Seharusnya terlihat seperti ini.
    @font-face {
        font-family: 'your-font-name';
        src: url('dropbox-font-link.woff2') format('woff2'),
             url('dropbox-font-link.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
  10. Setelah menyimpan kamu perlu menemukan font-family: previous-font; dan ganti dengan nama font kamu di CSS (kamu harus memiliki pengetahuan dasar CSS terlebih dahulu tapi tetap saja jika kamu mengalami masalah, beri tahu saya di komentar)
Jadi begitulah, saya berhasil menyelenggarakan font kustom untuk situs web atau blog menggunakan dropbox (kamu dapat menggunakan platform hosting apa pun meskipun jika kamu memiliki hosting sendiri yang hebat.)
Advertisement

1 Comments:

mantap lah,, nice info utk blogger pemula spt saya


EmoticonEmoticon