Mencoba Font Dan Tulisan


Huuam, saya lagi bosen menunggu hasil tes yang kemarin yang tak ada kabar. Daripada bete lebih baik mencoba berbagai macam jenis tulisan dan font dengan metode yang berbeda, kalau tidak salah nama ilmunya typography yah CMIIW. Oya ini juga untuk menjawab pertanyaan Teh Novi dulukala, yang menanyakan cara merubah font pada blog. Saya jawab dengan cara newbie karena I'm Newbie, tapi penjelasannya akan sangat paaaannjaaaaaaaanggg karena saya tak mau setengah-setengah.


Sebelum dimulai yang jadi backsoundnya lagu White Robe dari t.A.T.u



Mungkin lain kali bisa request lagu, halah



link dibawah ini adalah sistem navigasi untuk memudahkan sahabat, jadi tidak perlu scroll kebawah cukup klik linknya untuk melihat konten




Tulisan Font Default atau Umum


Yang saya maksud adalah jenis font yang biasanya ada di setiap komputer, seperti tulisan ini saya buat dengan Font Comic Sans MS



Metode yang digunakan dengan memerintahkan si browser untuk memanggil font yang ada di kompi atau leppi, caranya dengan kode:


<p style="font-family: jenis font;">tulisan yang ingin dibuat</p>

Karena saya pake font Comic Sans MS, kodenya jadi:

<p style="font-family: comic sans ms;">tulisan yang ingin dibuat</p>

harus di ingat tulisan ditulis di MODE HTML



Cara diatas hanya digunakan untuk mengubah sebagian tulisan saja, sedangkan untuk mengubah keseluruhan blog harus mengubah style.css nya, biasanya kodenya seperti ini:


body {
padding:0px;
margin:0px auto auto auto;
background:url(images/top_bg.jpg) no-repeat top center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3a3a3a;
}

Nah yang dirubah yang warna biru, silahkan coba sendiri


catatan:


gunakanlah font yang kira-kira digunakan disetiap komputer atau laptop agar bisa dibaca



Tulisan Font Khusus



Gugun Potter


sang penyihir kampung yang narsis




Untuk jenis tulisan typography seperti ini, kita harus mengupload jenis font yang baru ke blog kita karena font yang digunakan tentunya bukan sembarang font yang ada dalam default kompi atau leppi, seperti jenis huruf yang digunakan dalam film Harry Potter sudah pasti belum ada, jadi harus kita tambahkan caranya:



1. upload jenis font yang diinginkan ke theme wordpress misalkan fontnya harry.ttf



2. buka style.css lalu tambahkan kode


@font-face {
font-family: 'harry'
;
src: url('harry.ttf');
}

catatan:



- harry yang berwarna biru itu id (identitas) dari font jadi bisa diganti seskua hati



- harry.ttf yang merah itu nama filenya, jangan lupa jenis filenya (ttf) ditulis juga



Penggunaannya seperti ini:


<p style="font-family: harry;">Gugun Potter</p>

ingat-ingat menulisnya pada MODE HTML



Untuk pengguna wordpress.com dan blogspot maaf anda harus kecewa tidak bisa memakai cara yang ini, masalahnya cuma satu keduanya tidak mengijinkan untuk mengupload file ttf, ada ide???



Untuk wordpress.com ada alternatif lain yaitu dengan menggunakan Typekit Fonts, tapi mengenai apa dan bagaimana silahkan hubungi pihak yang berwajib atau kunjungi website Typekit, karena saya belum pernah menggunakannya



Tulisan Alay


J3n1s tUli54n 1n1 53R1n6 Di6un4k4n 0l3h an4K muD4 yAN6 640l, d4n bi45Anya s3r1n6 d1Gunak4N d4l4m 5m5 k4d4n6 s4Y4 5Uk4 pU51n6 K4l4u mEmB4cA 5m5 y4n6 53p3rTi iNi

Nah pusing kan? Jangan khawatir silahkan gunakan Anti Alay ini hasil karya AspirasiPutih untuk membacanya. Sedangkan untuk membuat tulisan alay silahkan lihat tulisanku yang ini



Tulisan Terbalik


ooops gak ada contohnya, soalnya waktu di pasang malah jadi tanda tanya



Tulisan seperti ini mengingatkanku pada keadaan dunia sekarang ini, dimana sekarang manusia otaknya ada di dengkul (nyindir diri sendiri). Beginilah jadinya, satu-satunya cara membacanya ya harus ikut jungkir balik deh. Untuk membuatnya disini caranya.



Mungkin tulisanku ini kurang membuat sahabat puas tapi jujur saya sudah lemas.
Adakah yang mau menambahkan???

22 komentar:

  1. kok jadi gitu padahal sebelum komen disini, dicoba dulu di wp.com ternyata tulisannya emang bisa terbalik.

    BalasHapus
  2. Untung tidak menampilkan tulisan yang terbalik, kalau nggak terpaksa berubah menjadi spiderman dulu.
    Menggunakan font-face tambahan seperti tulisan harry poter, jika dalam jumlah banyak akan memberatkan loading blog FMIIW

    BalasHapus
  3. font yg web save apa aja broo selain arial, comic sans?? soalnya kan g smua punya font di kompie masing2 blogger

    BalasHapus
  4. ??l?q??? ?u?? u??qo?u



    udah dicoba berhasil, thank om Kang Gugun

    BalasHapus
  5. huhuuhh makasih ya ^^


    cona juga ah :( v sayang blog ku yg ini agak rewel hiksss



    ^^ kak besok request lagunya best i ever had (grey sky morning) ... Vertical Horizon y ^^ hehhehhe

    BalasHapus
  6. Menarik sekali Om, khususnya Font Comic Sans MS, saya suka font ini.

    BalasHapus
  7. di blogspot juga bisa diakali, gunakan google font

    BalasHapus
  8. apanya yang jadi gitu?

    BalasHapus
  9. betul om, saya lupa buat mengatakan itu

    BalasHapus
  10. biasanya yang sering dipake di web itu helvetica atau sans-serif, ya buat patokan gunakan saja yang di MS.WORD

    BalasHapus
  11. woke, entar kapan2

    BalasHapus
  12. yap saya juga suka bro

    BalasHapus
  13. oh begitu ya, terima kasih telah berbagi

    BalasHapus
  14. Tren Blogosphere Cara Hebat Menulis Artikel...

    Datang berkunjung semoga dapat sambutan hangat. Saya tertarik dengan posting Anda, saya telah menambahkan ke blog saya. Terima Kasih....

    BalasHapus
  15. uploadnya bisa pake filezilla atau online file manager yang tersedia di tempat hosting atau juga pake online ftp manager, terus upload ke folder wp-content/themes/theme yang digunakan

    BalasHapus
  16. cara uploadnya bgimana Mas ?

    mohon penceranhannya..

    BalasHapus
  17. o bgitu ya Mas.. Terima kasih.

    sangat membantu sekali ni..

    BalasHapus
  18. itu sich cara standar ya... kalo di themes blog ku itu malah stlyle.css cuma keterangan tentang themes sedangkan untuk pengaturan kode tulisan dan lainnya ada file css fungsion sendiri. bingung mau ganti tulisan black verdana karena file fungsion css banyak bgt kodenya. nggak ngerti jadinya....

    BalasHapus
  19. [...] hampir semua blog menggunakan huruf Arial, Sans-serif, Helvetica atau Tahoma. Setelah saya Mencoba Font dan Tulisan akhirnya ada beberapa jenis font yang saya suka [...]

    BalasHapus
  20. keren kang.. mantab yeuuh ti kamari saya neangan ieu :D izin bookmark

    BalasHapus

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS