Beatiful standart Web Fonts untuk Website anda
Halaman website akan lebih nyaman dilihat jika seorang web desainer melakukan pemilihan fonts, Jika pada sebelumnya Daftar Warna html untuk web designer,
kali ini mari kita lihat beberapa jenis fonts yang bisa anda gunakan pada website anda.
Cara merubah Fonts / Tulisan diwebsite anda dapat gunakan script dibawah ini :
Example to use :
p { font-family:Arial, Helvetica, sans-serif; }
p { font-family:"Times New Roman", Times, serif; }
Font-family | Sample |
---|---|
Arial, Helvetica, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Arial Black", Gadget, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Comic Sans MS", cursive, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Impact, Charcoal, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Lucida Sans Unicode", "Lucida Grande", sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Tahoma, Geneva, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Trebuchet MS", Helvetica, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Verdana, Geneva, sans-serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Courier New", Courier, monospace |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Lucida Console", Monaco, monospace |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Georgia, serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Palatino Linotype", "Book Antiqua", Palatino, serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Times New Roman", Times, serif |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Beberapa jenis font diatas, merupakan jenis fonst standar koleksi saya, jika anda kurang puas anda bisa menggunakan google Fonts, sebagail alternative website anda.
Semoga Artikel ini, Dapat membantu anda dalam memilih jenis fonts untuk website anda