Web sitesi için fontlar çok büyük bir önem teşkil etmektedir. Yeni dönem font kullanımları ise günümüz trendleri doğrultusunda daha farklı bir yapıya bürünmüştür. Bundan kasıt ise günümüz web tasarımlarında artık simge yazı tipleri gibi öğelerin kullanımlarına başlanmıştır. Simge yazı tipleri ise daha kaliteli bir görsel ve daha dikkat çekici bir özellik sunmaktadır. Sitenin bilinirliği ve popülarite puanının artması için bu ve bunun gibi etkenlerinden önemleri çok büyüktür. Daha kaliteli bir yapıda olan bu simge yazı tipleri ise css html gibi yapıların yanında diğer düzenleme programlarına da ihtiyaç duymaktadır.
Simge Yazı Tipleri
Bu yazı tipi yapım aşamasında ise html, css ve adobenin sunmuş olduğunun yapılar kullanılmaktadır. Bunların yanında bu işe destek sunan bazı web siteleri de bulunmaktadır. Bu platformlardan yardım alınarak kolay ve verimli bir süreç içerisinde simge yazı tipleri yapılabilir. Sitelerin artık yeni trend tasarımlarına uygun olarak tasarlanması için artık karşımıza bunun gibi yapılar çıkmaktadır. Buda bizlere daha verimli bir tasarım sürecinin sonrasında daha olumlu bir sonuç doğurmaktadır. Bu ve bunun gibi öğelerin kullanımı ile beraber daha geniş bir kullanıcı kitlesine ulaşılacaktır. Daha güzel bir yapıyı gören kullanıcı artık o sitenin daimi bir üyesi olacaktır ve buda gayet bir sonuçtur.
Font Face Css
Font face kullanımı ile bu süreç daha iyi bir yapıda olacaktır. Aşağıdaki kod yapısı ile verimli bir sürece sahip olabilirsiniz.
@font-face {
font-family: 'unicons';
src:url('fonts/unicons.eot');
src:url('fonts/unicons.eot?#iefix') format('embedded-opentype'),
url('fonts/unicons.svg#unicons') format('svg'),
url('fonts/unicons.woff') format('woff'),
url('fonts/unicons.ttf') format('truetype');
font-weight: normal;
font-style: normal;
Bir sonraki aşama ise her bir ikon için ayrı bir css kuralından geçmektedir. Bunun içinde bir sınıf açıp ona ait özellikleri girmelisiniz. Aşağıdaki kod yapısı buna bir örnektir.
.icon:before {
font-family: "unicons", sans-serif !important;
-webkit-font-smoothing: antialiased;
-o-transform: scale(1);
text-rendering: optimizeLegibility;
Klasik Yöntem
Bir diğer önerilen şey ise sitenizin fontları amaca ve işleve uygun bir yapıda olup tasarımla da uyumlu bir yapıda olması gerekmektedir. Bunun içinde bir örnek vermemiz gerekmektedir. Örneğin ciddi bir kuruma site yaparken uyumsuz ve basit niteliğinde bir font kullanmak sonucu olumsuz yapacaktır. Bunun yanında bu fontlarında sitenin amacına ve işlevine uygun olarak tasarlanmalıdır. Tema ile yazı tipi ve renklerde uyum göstermelidir. Bu sayede ortaya her yönüyle hoş bir tasarım çıkacaktır. Tasarım sürecinde bu ve bunun gibi her öğe çok büyük bir önem teşkil etmektedir. Sizde bundan olumlu bir şekilde pay almanız için bunun gibi font kullanımlarına dikkat etmeniz gerekmektedir. Unutmayın ki tasarım sürecinde en ufak bir ayrıntı olarak bile sayılabilecek öğeler aslında çok önemli olmaktadır. Sizde tasarımlarınızı bu ölçüde yapmanız faydalı olacaktır.