Ampersand (&) adalah logogram yang mewakili kata "dan". Simbol ini merupakan ligature dari kata et, bahasa latin untuk "dan".
―Wikipedia
Selama ini, dalam membuat tulisan —pada blog— adakalanya kita kurang memperhatikan penggunaan ampersand. Selain karena tidak selalu digunakan, mungkin karena kita lebih suka/familiar dengan menulis kata "dan" daripada menulis kode ampersand (&). Padahal, kita dapat melakukan improvisasi pada desain tipografi hanya dengan mengubah style ampersand standar menggunakan sedikit trik CSS.
Salah satu metode sederhana untuk mengubah gaya ampersand menjadi terkesan lebih artistik adalah dengan menggunakan CSS. Pertama-tama, masukkan kode CSS berikut ini:
span.amp {
font-family:Baskerville, Baskerville BT, "Goudy Old Style","Palatino","Book Antiqua",serif;
font-size:110%;
font-style:italic;
}
Berikut ini adalah kode contoh untuk penggunaan ampersand pada paragraf.
<p>Tips <span class="amp">&</span> Trik</p>
Maka, akan tampak seperti ini
Dapat kita saksikan bahwa ampersand standar telah diubah dengan gaya yang lebih artistik —Contoh di atas ditulis dengan font berukuran 35px agar lebih jelas.
Bagi pengguna Wordpress mungkin akan lebih mudah karena telah tersedia plugin semacam wp Typography. Sedangkan untuk pengguna Textpattern terdapat plugin sejenis yaitu Typogrify Textpattern Plugin
Saya sangat menyukai trik ini. Meskipun hanya mengubah style pada satu karakter saja, tetapi memberikan nilai tambah pada estetika tulisan. Saya rasa, tidak ada salahnya anda juga mencoba.
Bacaan yang dianjurkan