Pemrograman

Bahasa

Framework

Peralatan

Info

Font Merriweather Google vs Merriweather Wordpress

– 30 June 2016

Meski namanya sama, namun ternyata keduanya berbeda. Font Merriweather yang disediakan oleh Google, berbeda dengan font Merriweather yang digunakan Wordpress. Hal ini saya temukan ketika mendesain Template Blogger yang menggunakan font tersebut.

Pertama, saya menggunakan font Merriweather yang disediakan Google. Akan tetapi hasilnya kurang tabal di Google Chrome, sementara di Firefox terlihat tebal dan bagus. Setelah saya cek kembali kode CSS-nya, tidak ada yang berbeda antara kode CSS yang digunakan di Wordpress dengan kode CSS yang saya buat.

Link font:
<link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
Kode CSS:
.post-body {
    font-family: Marriewether, serif;
    font-size: 16px;
    line-height: 1.8em;
}
Tampilan di Firefox memang tidak masalah, di Google Chrome malah kurang bagus.

Kemudian, saya mencoba menggunakan font Marriewether yang digunakan Wordpress.
<link href='https://s1.wp.com/i/fonts/merriweather/merriweather.css?v=20160210' rel='stylesheet' type='text/css'/>
Hasilnya, sesui seperti yang saya harapkan.

Dari kasus ini, saya mengambil sebuah kesimpulan. Mungkin Wordpress menggunakan font Merriweather dari Google yang sudah mereka modifikasi dan optimasi, sehingga tampilanya lebih tebal dan bagus.

No comments :

Post a Comment