Cara Mengganti Font Dengan CSS


Cara Mengganti Font Dengan CSS

Cara Mengganti Font Dengan CSS – kambali membahas tentang tutorial kategori web design di www.malasngoding.com. pada tutorial kali ini kita akan mencoba belajar cara mengganti tulisan atau font pada halaman website dengan menggunakan css. memang jika menggunakan font standart kesannya tampilan website kita akan terlalu monoton. dan terlihat biasa saja. seperti kurang interaktif. jadi pada kesempatan kali ini akan kita bahas cara mengubah font atau tulisan dengan css.

ada beberapa cara mengubah atau menggunakan font dengan css. ada cara menggunakan font yang terletak di server lain. seperti misalnya menggunakan font yang di sediakan oleh google. dengan haya mencantumkan link font yang ingin di gunakan. ada juga cara menggunakan font standart yang tersedia secara default. dan ada juga cara mendownload font yang di inginkan, kemudian meletakkannya pada directory project, dann menghubungkan atau memanggilnya dengan css.

Cara Mengganti Font Dengan CSS

untuk mengganti font dengan css yang pertama yang harus teman-teman lakukan adalah mendapatkan dan memilih font yang di inginkan terlebih dulu. teman-teman bisa mendowload atau mendapatkan link nya di google font.

cara mengganti font dengan css

cara mengganti font dengan css

atau teman-teman mungkin bisa mendownload font yang di inginkan di sini.

di sini akan saya contoh kan beberapa cara mengganti font atau tulisan dengan css.

Mengubah font dengan css

untuk mengubah atau mengganti font dengan css, teman-teman bisa menggunakan property ‘font-family’. dan kemudian pada value nya masukkan nama font yang ingin di gunakan. pada contoh di bawah ini saya akan menetapkan font ‘sans-serif’ pada element h2. dan menetapkan font ‘courier’ pada element paragraf.

index.html

style.css

cara mengubah font dengan css

cara mengubah font dengan css

perhatikan pada syntax css berikut. yang menentukan font dengan font-family

Cara lain mengganti font dengan css

cara lain mengganti font dengan css adalah bisa dengan mendownload font.kemudian meletakkan nya pada director project untuk di hubungkan dan bisa juga dengan cara menghubungkannya langung ke link font online.

di sini saya telah mendownload sebuah font dan meletakkan nya pada project contoh ini.

mengganti font

mengganti font

bisa di lihat pada gambar di atas. saya telah mendownload font dengan nama wolf.ttf. dan selanjutnya tinggal di hubungkan dengan css.

index.html

style.css

seperti yang teman-teman perhatikan pada contoh di atas. kita hubungkan font dengan fungsi url(). dan memberikan namanya dengan tulisan_keren. jadi @font-face di sini berfungsi untuk penghubung font. dan pada element h2 kita berikan font-family nya dengan nama tulisan_keren tadi.

mengubah font dengan css

mengubah font dengan css

dan sekian dulu tutorial kali ini tentang Cara Mengganti Font Dengan CSS. semoga dapat bermanfaat.

Incoming search terms:

  • cara mengganti font di web
  • cara guna font roboto
  • jenis font css code
  • cara mengubah tulisan d css
  • ubah font html dengan font yg ada di font google com
  • cara ubah font html dengan css
  • cara mengganti font link di html
  • cara ganti font dengan css
  • cara mengganti font tes style miui5
  • cara mengubah font boo




About the author
Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.


Discussion
  • 3 Comments

Write a Comment

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


CENTANG untuk bisa mengirimkan komentar. [ Verifikasi bukan robot ]