font stili: CSS'de italik ve eğik

Bu ikisi arasındaki fark nedir:

font-style:italic
font-style:oblique

W3Schools editörünü kullanmayı denedim ama farkı söyleyemedim.

Neyi kaçırıyorum?

En saf (tip tasarımcı) anlamda, eğik, belirli sayıda derece (genellikle 8-12 derece) eğilmiş bir Roma yazı tipidir. Bir italik, daha kaligrafik ve eğimli bir sürüm oluşturmak için farklı çizilen belirli karakterlere (özellikle küçük harf a) sahip tip tasarımcısı tarafından oluşturulur.

Bazı tip dökümhaneler, tasarımcıların kendileri tarafından mutlaka onaylanmayan eğikler oluşturdular ... bazı yazı tipleri italik veya eğik olmamalı ... ama insanlar yine de yaptı. Bildiğiniz gibi, bazı işletim sistemleri 'italik' simgesini tıkladıktan sonra yazı tipini eğecek ve anında bir eğik oluşturacaktır. Hoş bir manzara değil.

Bir italik yazarak yalnızca yazı tipinin bir tane ile tasarlandığından emin olduğunuzda belirtmek en iyisidir.

Genellikle, italik yazı tipinin özel bir versiyonudur, oysa eğik versiyon biraz eğimli normal versiyondur. Yani her ikisi de eğimli ve normal yazı tipiyle ilişkilidir, ancak bir italik özellikle bunun için özel harf formlarına sahip olacaktır.

Çoğu yazı tipinin italik veya eğik bir sürümü vardır; İkisine birden sahip olan birini hiç görmedim. (İtalik bir sürümünüz varsa, neden eğik bir sürümle uğraşasınız?)

Eğik tip (veya eğimli, eğimli), italik tiple aynı şekilde kullanılan, hafifçe sağa eğimli bir tiptir. Bununla birlikte, italik türden farklı olarak, farklı glif şekilleri kullanmaz; bozuk dışında roma türü ile aynı glifleri kullanır.

Okuma: css yazı tipi stili eğik ve italik

Olduğu gibi italik ve eğik karşılaştırırken, aynı fark görülebilir italik ile sahte italik .

Normal bir fontun eğildiği her yerde sahte italik görürsünüz , gerçek italik bir font eğik olarak tasarlanmıştır.font-style: italic;

İki ll'nin altı farkı açıkça gösterir.

Örneğe bakın

Göre mozilla geliştirici CSS öğretici :

italic: Metni, varsa yazı tipinin italik sürümünü kullanacak şekilde ayarlar ; mevcut değilse, eğik yazı ile italik simüle eder.

oblique: Metni, normal sürümü eğerek oluşturulan italik yazı tipinin benzetilmiş bir sürümünü kullanacak şekilde ayarlar.

Buradan olduğu sonucunu elde yazı tipinin bir italik sürümü mevcut değilse , her ikisi de italik ve eğik aynı şekilde davranırlar. W3Schools kod snippet'i herhangi bir özel belirtmediğinden font-family, varsayılan yazı tipinin kullanıldığına inanıyorum; italik bir sürümü olmayan varsayılan yazı tipidir.

Ancak yazı tipinin italik bir sürümünü nasıl kullanılabilir hale getirebilirim?

Bu, aynı yazı tipinin en az iki sürümünün, "normal" ve italik bir sürümünün olduğu anlamına gelir. Bunlar kuralla ilgili <style>bölümde belirtilebilir @font-face. Kısaca okuyunuz: developer.mozilla , W3Schools , tympanus.net . Gördüğünüz gibi, yazı tipi aşağıdaki uzantılara sahip bir dosya olarak yüklenir: eot, otf, woff, truetype.

Şimdiye kadar, yazı tipi dosyasını bağlamanın iki yolunu buldum

`@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), 
 url (http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

 @font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), 
 url 
 (http://themes.googleusercontent.com/static/fonts/opensans/v8/
 xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff)
 format('woff');
 }`

`@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-R-webfont.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-I-webfont.eot');
font-weight: normal;
font-style: italic;
}`