Friday 20 May 2022
Pasang Iklan
Blogging Resources
About
TeknoHere.com TeknoHere.com
banner-header-1
  • Home
  • Internet & Web
  • Komputer
  • Gadget
  • SEO
  • Bisnis
  • Kontes
  • Selingan
  • Review
  • Berita
  1. Home
  2. Internet & Web
  3. Cara Menggunakan Google Web Fonts
Internet & Web

Cara Menggunakan Google Web Fonts

by admin 28 April 2012 71 3 Comments 3 min read

AA

 Cara Menggunakan Google Web Fonts

Google Web Fonts adalah cara terbaik untuk menambahkan font baru secara gratis ke website. Google Web Fonts adalah font/huruf yang aman untuk website, dimana ia bisa ditambahkan ke beberapa website dengan menambahkan beberapa baris kode sederhana di HTML.

Dengan semangatnya mencoba teknologi font baru tersebut dan dengan maksud ingin meningkatkan desain font website, saya mencoba untuk menggunakan Google Fonts. Dan ternyata cukup mudah dari yang dipikirkan dan kompatibel dengan kebanyakan web browser.

 

Google Web Fonts Gratis

 Saya memutuskan untuk mengganti font dari judul postingan dan heading di halaman home dan postingan. Lalu saya melihat-lihat galeri Google Fonts dan memutuskan untuk memilih Droid Serif, yang kebetulan merupakan font serif paling populer di direktori font (Anda bisa mengurutkan font-font tersebut dengan berbagai pilihan).

google web fonts

 

Menambahkan Google Web Fonts

Lalu saya klik pada font Droid Serif dan memutuskan untuk memakai font tersebut serta situs tersebut memberikan kode untuk digunakan. Kode ini perlu ditambahkan pada head tags.

Dan inilah cara untuk memodifikasi tag font family di CSS. Pada kata “Droid Serif” ada kata “arial” dan “serif”. Gunanya jika browser tidak bisa me-render Google Fonts dari Droid Serif maka akan ditampilkan yang arial.

h1 { font-family: 'Droid Serif', arial, serif; }

Jadi saya hanya memasukkan kode di antara tag <head> dan memodifikasi CSS serta Anda bisa lihat font baru yang sedang live di judul postingan di halaman home dan postingan.

Coba deh gunakan Google Fonts, karena ada banyak font yang keren-keren di sana dan akan memukau pengunjung website Anda. Anda bisa menambahkan  font web gratis tersebut sebanyak yang diinginkan. Yang mana Google Web Fonts favorit Anda?

Share This:

  • 0
    Facebook
  • 0
    Twitter
  • 0
    Linkedin
  • 0
    Pinterest
  • 0
    Skype
Previous post
Next post

admin

administrator

I'm an enthusiast in new technologies and improvement in the IT field especially web. In addition I'm a fan of football and SEO. I love good foods, doing sports, watching movies, listening musics, travelling, online business and surfing internet.

3 Comments

  • pakdar says:
    13 May 2012 at 22:15

    numpang nanya nih,..
    Kira2 jenis font tertentu mempengaruhi pemakaian bandwith hosting nggak ya?
    terima kasih.

  • Dede Rukmana says:
    14 May 2012 at 03:06

    Kalau untuk wordpress disimpen di header php bukan? oke ane jajal dulu sob. tenk you 🙂

  • Mohamad Borneafandri Abulga says:
    15 March 2013 at 23:02

    thanks tipsnya,,mungkin perlu segera saya coba

Leave a Reply

Your email address will not be published. Required fields are marked *

Follow us
  • 0
    Fans
    0
    Fans
  • 1.7K
    Subscribers
    1.7K
    Subscribers
  • 1.2K
    Count
    1.2K
    Count
  • 0.7K
    Count
    0.7K
    Count
Artikel Terbaru
Komputer

Cara Menghapus Baris Duplikat Di Sublime

26 July 2015
Internet & Web

Cara Menonaktifkan Fitur Download File Yang

21 July 2015
Gadget

Cara Menghapus Backup iCloud Yang Lama

17 July 2015
Gadget

Bagaimana Membatalkan Langganan Apple Music?

3 July 2015
Related Stories for you
mengganti font di apple watch
Programming

Cara Menggunakan Custom Font Di Aplikasi My Apple Watch

by admin 23 March 2015 113 6 min read

Secara default, Xcode hanya menyediakan sejumlah font untuk membuat aplikasi Apple Watch. Developer yang ingin menggunakan font lain perlu untuk

font gratis
Internet & Web

6 Situs Terbaik Untuk Download Font Gratis

by admin 1 July 2012 69 1 min read

Di mana Anda bisa men-download font gratis? Jika Anda seorang desain grafis maka Anda ingin selalu melihat-lihat font terbaru yang

Internet & Web

Cara Desain Logo Dalam 10 Menit

by admin 10 June 2012 95 1 min read

Bisakah Anda mendesain sebuah logo yang terlihat profesional dalam waktu 10 menit dengan menggunakan Photoshop? Salah satu masalah terbesar bagi

TeknoHere.com TeknoHere.com
app_store
google_play
About Us
Work With Us
Blogging Resources
Contact
Disclaimer
Privacy Policy
Terms of Use
Copyright 2022. All Right Reserved
Posting....