Font Eklemek

Merhaba,

Bazı kitap okuyucularına font eklenemediği için direk epub dosyasına font yüklememiz gerekiyor. Kindle Paperwhite cihazına sahip olduğum için devamlı yapmak zorunda olduğum adımdır. Her zaman kullandığınız bir CSS dosyasına sahipseniz en fazla 10 saniyenizi alacaktır bu işlemleri yapmak. Bu işlemlerin anlatımını iki bölüme ayırdım.

  1. CSS Dosyasına Fontunuzu Tanıtmak
  2. CSS Dosyasındaki Temel Kodlara Fontunuzu Tanıtmak

Font edinmek isteyenler aşağıdaki linklerden aradıklarına ulaşabilirler.

 

1. CSS Dosyasına Font Tanıtmak

Bu adımda kendi css dosyamdaki satırları yazacağım siz kendi arzu ettiğiniz fonta uyarlarsınız. Ayrıca şunu da unutmamak lazım belli bir font yüklemek istiyorsanız o fontun normal görünüm, italik görünüm, kalın görünüm ve kalın italik görünüm dosyalarına sahip olmalısınız.

Kırmızıyla belirttiğim yazıları direk css dosyanıza yapıştırırsanız çok rahat edersiniz.

@font-face {
font-family:”Liberation Serif”;
font-style:normal;
font-weight:normal;
src : url(“../Fonts/LiberationSerif.ttf”);
}
@font-face {
font-family:”Liberation Serif”;
font-style:normal;
font-weight:bold;
src : url(“../Fonts/LiberationSerif-Bold.ttf”);
}

@font-face {
font-family:”Liberation Serif”;
font-style:italic;
font-weight:bold;
src : url(“../Fonts/LiberationSerif-BoldItalic.ttf”);
}

@font-face {
font-family:”Liberation Serif”;
font-style:italic;
font-weight:normal;
src : url(“../Fonts/LiberationSerif-Italic.ttf”);
}

 

2. CSS Dosyasındaki Temel Kodlara Fontunuzu Tanıtmak

Şimdi sıra temel kodlara bu fontları tanıtmaya geldi. Sadece kodlarınıza kırmızı ile belirttiğim değeri vermeniz yeterli olacaktır.

font-family:”Liberation Serif”, serif;

Örnek:

h1
{font-family:”Liberation Serif”, serif;margin-
top:0.5em;text-indent:0em;margin-bottom:0em;text-
align:center;font-size:.9em;font-weight:normal;}

p
{text-align:left;font-family:”Liberation Serif”,
serif;text-indent:1em;margin-top:0.0em;margin-
bottom:0.0em;font-size:.9em;}

.baslik
{text-align:center;font-family:”Liberation Serif-Bold”,
serif;font-weight:normal;text-indent:0em;font-
size:1.4em;margin-top:2em;margin-bottom:0.5em;}

İşin mantığı budur. Herkese kolay gelsin.

2 thoughts on “Font Eklemek

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s