TeknoAnaliz | Teknoloji & Kişisel blog
Sitenize yazı fontları (5 Adet )
TeknoAnaliz - Sitenize yazı fontları (5 Adet)
Merhaba arkadaşlar sitenize güzel yazı fontları ile bir şık görünüm eklemek ister misiniz? Aslında sitelerin olmazsa olmazıdır fontlar. Font güzel olmadığında site sıradan bir siteymiş gibi görünür. Neyse ki şimdi hem uygulamayı göstereceğim hemde güzel yazı fontları paylaşacağım. Hadi geçelim. İlk olarak nasıl uygulayacağımız yazalım.
-Peki nasıl uygularım? (Örnek olarak Grand Hotel yazı stili seçilmiştir.)
<link href='https://fonts.googleapis.com/css?family=Grand+Hotel&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Yukarıdaki kodu head tagları arasına yazıcaksınız. Head tagları nasıl oluyor derseniz eğer <head> Yukarıdaki kodun yeri </head> bu head kodlarını html kodları arasına yazıcaksınız. Bedava-sitem üzerinde ise tasarım üstüne olabilir ya da ekstralardan head içeriği ile yapabilirsiniz. Daha sonra css kodlarına ise font-family: 'Grand Hotel', cursive; ekleyeceğiz.
1. Grand Hotel
Yazı ön izlemesi bu şekildedir.
Kodlar:
-Peki nasıl uygularım? (Örnek olarak Grand Hotel yazı stili seçilmiştir.)
<link href='https://fonts.googleapis.com/css?family=Grand+Hotel&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
Yukarıdaki kodu head tagları arasına yazıcaksınız. Head tagları nasıl oluyor derseniz eğer <head> Yukarıdaki kodun yeri </head> bu head kodlarını html kodları arasına yazıcaksınız. Bedava-sitem üzerinde ise tasarım üstüne olabilir ya da ekstralardan head içeriği ile yapabilirsiniz. Daha sonra css kodlarına ise font-family: 'Grand Hotel', cursive; ekleyeceğiz.
1. Grand Hotel
Yazı ön izlemesi bu şekildedir.
Kodlar:
<link href='https://fonts.googleapis.com/css?family=Grand+Hotel&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
font-family: 'Grand Hotel', cursive;
font-family: 'Grand Hotel', cursive;
2. Roboto Condensed
Yazı ön izlemesi bu şekildedir.
Kodlar:
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300&subset=latin,greek-ext,greek,vietnamese,latin-ext,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Condensed', sans-serif;