CSS ile Renkli Başlıklar

Sizlerin de bildiği gibi h1,h2 ve h3 gibi taglar SEO değeriniz için çok önemli. Bu yüzden bu başlık tiplerini sık sık kullanmamız gerekiyor. Bu kadar çok görünen yazı-tiplerinin de güzel bir görünüşe sahip olması lazım değil mi?

Bu yüzden başlıklarınızı şekillendirmenizde sizi yardımcı olması için birkaç makale hazırlıyorum.

Önemli Not

Bu örneği hazırlamak için aşağıdaki web fontu indirmeniz gerekiyor. Aksi taktirde çalışmayacaktır.

Dosya Adı : ostrich-bold-webfont.woff

Yazı tipini indirdikten sonra istediğiniz dizine upload edin.

Şimdi çalışmamıza başlayalım.

Kodlamalar

CSS Kodları

h1{margin:0px;font-size: 5em;font-family: "OstrichBold", sans-serif;color:black;}
h1 a{color:#2B90A9; text-decoration:none;}
h1 a:hover{color:#48ceef;}

::selection {
background: #FE57A1;
color: white;
}

@font-face {
 font-family: 'OstrichBold';
 src: url('ostrich-bold-webfont.woff') format("woff"), url('ostrich-bold-webfont.woff') format("truetype");
 font-weight: normal;
 font-style: normal;
}

HTML Kodları

</pre>
<h1><a href="https://adobewordpress.com" target="_blank">ADOBEWORDPRESS.COM</a> - CSS</h1>
<pre>

Uygulama