CSS Font Stacks


Font Stacks adalah deretan font yang dipisahkan oleh tanda (,) yang berfungsi mengakomodir user yang tidak memiliki font tertentu pada komputernya. Jika OS tidak mampu mengidentifikasi font urutan pertama akan beralih pada urutan kedua dan seterusnya hingga pilihan terakhir jatuh pada generik serif pada komputer tersebut.

Dengan menambahkan Font Stacks maka blog anda akan terlihat lebih menarik dan juga jenis font yang akan anda gunakan juga akan teridetifikasi di semua OS selain Windows.
Oleh karena itu saya menyediakan list Font Stacks dibawah ini yang siap digunakan di blog anda.

Times New Roman-based stack

font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

Modern Georgia-based serif stack

font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Traditional Garamond-based serif stack

font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Helvetica/Arial-based sans serif stack

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

Verdana-based sans serif stack

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Trebuchet-based sans serif stack

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

Impact-based sans serif stack

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

Monospace stack

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

http://www.sitepoint.com/article/eight-definitive-font-stacks
7 Comments
Related Post

Join the Discussion!

postingan yang bagus tentang CSS Font Stacks

rumah jogja
November 22, 2012 11:18 PM | Delete comment

Menarik

Dont give a spam please!
Untuk menyisipkan video, gunakan
Untuk menyisipkan gambar, gunakan
Untuk menyisipkan kode, gunakan
Untuk menyisipkan beberapa baris kode, gunakan
Untuk menyisipkan catatan, gunakan
Untuk menciptakan efek teks tebal gunakan