Sayfadaki kendi yazı tipiniz. MS Word'de yeni yazı tipleri yükleme Yüklü yazı tipleri nasıl kullanılır?

Vlad Merjeviç

Yazı tipi, web tasarımının ayrılmaz bir parçasıdır, siteye ifade ve tanınırlık kazandırır, sitenin karakteristik stilini ifade eder ve metinlerin algılanmasıyla doğrudan ilgilidir. İyi seçilmiş bir yazı tipi fark edilmeyebilir, ancak o olmadan site tasarımına bütünlük kazandıran hiçbir lezzet olmayacaktır.

Bilgisayarınızda zaten belirli bir yazı tipi yüklüyse, stillere bir satır eklemeniz yeterlidir.

h1 (yazı tipi ailesi: SuperPuperFont; )

Font-family özelliğinin değeri, font yazı tipinin adıdır; tüm başlıklara uygulanacaktır.

. Ancak muhteşem ve nadir yazı tipimiz yüklü değilse web sitesi ziyaretçileri ne görecek? Bu durum büyük olasılıkla, tarayıcı belirtilen yazı tipini tanımazsa, varsayılan yazı tipini kullanacaktır; örneğin Windows'ta bu Times New Roman'dır. Dikkatlice düşünülmüş tüm tip tasarımlarımız bir gecede parçalanıp toza dönüşecek, bu yüzden en evrensel çözümü aramamız gerekiyor. Hemen akla gelen ilk şey, kullanıcının bilgisayarına indirilecek font dosyasını ve seçilen fontta görüntülenecek metni düzenlemektir. Metnin resim aracılığıyla görüntülenmesi gibi diğer yöntemlerle karşılaştırıldığında bu yöntem en basit ve en çok yönlü olanıdır.

Bir yazı tipi dosyasını yüklemek ve ardından bunu CSS aracılığıyla uygulamak bize ne gibi avantajlar sağlar?

• Metin eklemek ve düzenlemek kolaydır.
• Tarayıcıda aramayı kullanabilir ve istediğiniz ifadeleri bulabilirsiniz.
• Rahat görüntüleme sağlamak için tarayıcı ayarlarında yazı tipi boyutunu küçültebilir veya artırabilirsiniz.
• Arama motorları Belge içeriğini iyi bir şekilde indekslerler.
• Metin seçilip panoya kopyalanabileceği gibi başka bir dile de çevrilebilir.
• Satır aralığı, renk, boyut ve benzeri metin parametreleri CSS özellikleri kullanılarak kolayca değiştirilebilir.
• Yine CSS kullanarak metne gölge gibi farklı efektler ekleyebilirsiniz.

Gördüğünüz gibi pek çok avantajı var. Küçük dezavantajlar da var ve denge açısından bunlardan bahsetmeye değer.

• Tüm tarayıcı sürümleri indirilebilir yazı tiplerini ve herkese uyan tek boyutlu biçimleri desteklemez.
• Yazı tipi yazı tipini içeren dosya büyük miktarda yer kaplayabilir ve bu nedenle web sayfasının yüklenmesini yavaşlatabilir.

Masada 1, destekledikleri tarayıcı sürümlerini ve yazı tipi formatlarını listeler.

Masa 1. Desteklenen formatlar

Biçim	İnternet Explorer	Krom	Opera	Safari	Firefox	Android	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

En çok desteklenen format TTF'dir. IE 9.0 sürümüne kadar ve iOS hariç, tüm tarayıcılar bunu mükemmel bir şekilde anlıyor. Yani yazı tipiniz bu formattaysa ve modern tarayıcıları hedefliyorsanız herhangi bir ek işlem yapmanıza gerek kalmayacaktır. Style'lara aşağıdaki kodu yazmanız yeterli (örnek 1).

Örnek 1: TTF bağlantısı

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Öncelikle @font-face kuralını kullanarak font dosyasının kendisini yüklüyoruz. İçerisine font-family parametresi aracılığıyla yazı tipi yazı tipinin adını ve src aracılığıyla dosyanın yolunu yazıyoruz. Daha sonra yazı tipini her zamanki gibi kullanırız. Dolayısıyla, başlık yazı tipini ayarlamamız gerekiyorsa, örnekte gösterildiği gibi h1 seçici için, yüklü yazı tipinin adıyla font-family özelliğini ayarlıyoruz. IE'nin eski sürümleri için geri dönüş seçeneklerini virgüllerle ayırarak listeliyoruz. Bu durumda IE8 ve altı TTF formatını desteklemediğinden başlık yazı tipi "Comic Sans MS" olacaktır.

Bu örneğin sonucu Şekil 2'de gösterilmektedir. 1.

Pirinç. 1. Yüklü yazı tipine sahip başlık

IE8'de süslü bir yazı tipine şiddetle ihtiyacınız varsa ne yapmalısınız? Neyse ki @font-face, aynı anda farklı formatlarda birden fazla yazı tipi dosyası eklemenize olanak tanır. Tarayıcının sadece uygun olanı seçmesi gerekiyor. Böylece, tüm tarayıcılarda çalışan evrensel bir çözüm, mevcut TTF formatını EOT'ye dönüştürmek ve ardından her iki dosyayı bağlamaktan ibarettir.

Dönüştürme için, bir TTF dosyası yüklemenize ve çıktı olarak bir EOT dosyası almanıza olanak tanıyan birkaç çevrimiçi hizmet vardır. Ne yazık ki, bu hizmetlerin çoğunda aynı sorun var; dosyayı alıyoruz, ancak Rusça dili desteklenmiyor. Bunun sonucunda istenilen sonuca ulaşılamaz, dönüşüm hatalı gerçekleşir. Kontrol ettiğim siteler arasında metni IE'de doğru görüntüleyen bir site vardı.

Bu siteye gidiyoruz, TTF dosyasını indiriyoruz ve “TTF'yi EOT'ye Dönüştür” butonuna tıklıyoruz, ardından ortaya çıkan dosyayı yazı tiplerinin bulunduğu klasöre kaydediyoruz. Stillerde küçük bir numara ve kuvvet uygulamak kalır farklı tarayıcılar Yazı tipini gerekli formatta indirin. Bunu yapmak için iki src parametresi ekliyoruz. İlki EOT dosyasına işaret eder ve IE'nin eski sürümlerine yöneliktir. İkinci src parametresi, biri TTF dosyasına işaret eden, virgülle ayrılmış iki adres içermelidir. Gerçek şu ki, IE 8.0 ve önceki sürümleri src parametresindeki virgülleri anlamıyor ve buna göre tüm parametreyi yok sayıyor. Birkaç yazma seçeneği olabilir; örneğin, URL'yi tekrarlamak, yerel parametre içinde yazı tipi adını belirtmek ve hatta var olmayan bir yazı tipi yazmak gibi. Tarayıcı böyle bir yazı tipini yükleyemezse listedeki ikinci yazı tipine gidecektir ve biz onu doğru yazdırmış oluruz. Kabul edilebilir yazma yöntemleri.

kaynak: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
kaynak: local(pompadur), url(fonts/pompadur.ttf);
kaynak: local("bla bla"), url(fonts/pompadur.ttf);

Örnek 2'de, tüm tarayıcı sürümleri için bir yazı tipini bağlamaya yönelik çalışma seçeneği gösterilmektedir.

Örnek 2: EOT bağlantısı

HTML5 CSS3 IE Cr Op Sa Fx

Siyasi sürecin modern bir unsuru

Aslında Montesquieu'nun siyasi öğretileri, Michels'in eserlerine yansıyan kıta Avrupası tipi siyasi kültürü öne çıkarıyor.

İOS'a gelince, bana öyle geliyor ki SVG formatında ayrı bir yazı tipi oluşturmanın ve indirmenin pek bir anlamı yok. İOS üzerinden görüntüleyen sitelerin izleyici kitlesi hala küçük ve ayrıca sitenin sürümü mobil cihazlar Bunu kolaylaştırmaya çalışıyorlar ve birkaç on kilobayt daha indirmeniz tavsiye edilmiyor.

Google Web Yazı Tipleri

Farklı yazı tipi formatlarını ve tarayıcı sürümlerini destekleme rutinini gerçekleştiren kullanışlı bir hizmete şuradan ulaşabilirsiniz: www.google.com/webfonts. Koleksiyonda nispeten az sayıda farklı yazı tipi olmasına rağmen (birkaç düzine vardır), hepsi çok yüksek kalitede seçilmiştir ve web sitelerinde kullanım için ücretsizdir.

Bir yazı tipi seçmeden önce, Komut Dosyası değerini Kiril olarak değiştirin, ardından Rusça dilini destekleyen yazı tiplerinin bir listesini göreceksiniz (Şekil 2).

Pirinç. 2. Google Web Fonts'ta yazı tiplerini seçme

Beğendiğiniz fontun öncelikle “Koleksiyona Ekle” butonuna, ardından ekranın sağ alt köşesinde yer alan “Kullan” butonuna basılarak koleksiyona eklenmesi gerekmektedir. Bir sonraki sayfada (Şekil 3) nihayet ihtiyacınız olan yazı tiplerini seçebilirsiniz. Aynı zamanda, bir yazı tipi yazı tipinin birkaç stil içerebileceğini ve bunların her birinin indirilen dosyaların hacmini artırdığını anlamalısınız.

Pirinç. 3. Sayfaya yüklenen yazı tipleri

Seçilen yazı tiplerini üç yoldan biriyle bağlayabilirsiniz; eklenen kod sayfanın altına kopyalanabilir.

1. Öğe aracılığıyla . Çizgi buna benzer bir şeye benzeyecek.

2. @import kuralı aracılığıyla. Bu satırı CSS dosyamızın en üstüne ekliyoruz.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. JavaScript aracılığıyla.

Prensip olarak tüm yollar eşittir, bu nedenle tercihinize göre seçim yapın.

Bu hizmeti kullanmanın avantajları aşağıdaki gibidir.

• Yazı tiplerinin kullanımı ücretsizdir, onlar için ödeme yapmanız gerekmez.
• Sunulan yazı tipleri ekranda görüntülenmek üzere "keskinleştirilmiştir", dosyalar optimize edilmiştir ve nispeten küçük bir hacim kaplar.
• Tarayıcı otomatik olarak algılanır ve gerekli formattaki yazı tipi ona sağlanır.

Hizmetin temel avantajlarından biri yazı tiplerinin TTF, EOT, WOFF, SVG formatlarında saklanması ve tarayıcı kontrol edildikten sonra yüklenmesidir. Bu nedenle, EOT formatı yalnızca IE'nin eski sürümleri için geçerli olacaktır.

Google Web Fonts'u kullanıp kullanmamak size kalmış. Orada uygun bir yazı tipi bulamazsanız, popüler ve yaygın TTF'yi her zaman bağlayabilirsiniz. Üstelik tüm popüler tarayıcıların en son sürümleri tarafından desteklenmektedir.

Sayfaları düzenlerken zaman zaman standart olmayan yazı tipleriyle uğraşmak zorunda kalırsınız. Elbette bunları sitedeki ana öğeler olarak kullanmamalısınız, ancak çeşitli bireysel öğelerde, örneğin başlıkta bu oldukça mümkündür. Bu yazı tipleriyle ilgili sorun, kullanıcının bilgisayarında bulunmaması, ilgili metnin standart bir yazı tipinde görüntülenmesine yol açması ve sonuç olarak amaçlanan tasarımın bozulmasıdır. Bu sorun çok basit bir şekilde çözülebilir: hepsi özel yazı tipi sadece resim olarak kesilmiş. Ancak aynı zamanda bir web sitesinde özel yazı tipi kullanmanın başka bir yolu.

Bırak yazayım CSS kodu ve sonra açıklayacağım:

@yazı tipi yüzü (
yazı tipi ailesi: SpecialFont;
kaynak: url("font/specialfont.ttf");
}
P(
yazı tipi ailesi: SpecialFont;
}

Sonuç olarak, etiketlere

yazı tipi uygulanacak Özel Yazı Tipi. Kodun oldukça şeffaf olduğunu düşünüyorum ama yine de açıklayacağım. Yazı tipini almanız ve web sitenize, örneğin bir klasöre yüklemeniz gerekir. yazı tipi. Sonraki CSS kodu kayıt ol @yazı tipi yüzü adını ve yolunu yazın ve sonra onu kullanabilirsiniz.

Ancak çoğu durumda standart olmayan yazı tiplerini görüntülemek için görseller kullanmaları sebepsiz değildir. Kullanımda @font-face'in 2 dezavantajı var:

1. Yüzlerce kilobayt ağırlığında çok büyük yazı tipleri var ve bu sayfa yükleme süresini önemli ölçüde artıracak.
2. İkinci eksi daha da ciddi. Tüm tarayıcılar bu özelliği desteklemez Ayrıca, bazı tarayıcılar farklı formatta bir yazı tipi gerektirir ( ttf). Bu nedenle bazı kişiler yazı tipinizi hala göremeyecektir. Bu sorunu çözmek için aynı yazı tipini farklı formatlarda indirmeniz gerekiyor, bu da ilk dezavantajı büyük ölçüde artıracaktır.

Ancak ilk eksinin artık eskisi kadar önemli olmadığını belirtmekte fayda var. İnternet bağlantı hızları çok hızlı arttığından ve çok az kişi ek bağlantılarla ilgilendiğinden 100-200 KB.

İkinci eksi de o kadar önemli değil. Bu kodu anlamayan az çok popüler tarayıcılar şunlardır: IE8 ve altı, artı iOS. Diğer tüm modern tarayıcılar bu kodu sorunsuz bir şekilde anlayacaktır.

Hesaba katıldığında IE8 hala nispeten popüler, o zaman şahsen şimdilik çekileceğim standart olmayan yazı tipleri hâlâ resim olarak mevcuttur, ancak gerçekten yakın gelecekte bu tarayıcının tarih olacağını ve sonra onu kullanmanın mümkün olacağını umuyorum @font-face ve ttf yazı tipleri.

Not: Bahar tatilinde tüm kadınları tebrik ederiz!

İÇİNDE en son sürümler Metin düzeltici Microsoft Word Oldukça geniş bir yerleşik yazı tipi seti var. Çoğu beklendiği gibi harflerden oluşuyor, ancak bazıları harfler yerine çeşitli semboller ve işaretler kullanıyor ki bu da birçok durumda çok kullanışlı ve gerekli.

Yine de, MS Word'de ne kadar yerleşik yazı tipi olursa olsun, standart set programın aktif kullanıcıları için her zaman yeterli olmayacaktır, özellikle de gerçekten alışılmadık bir şey istiyorsanız. İnternette üçüncü taraf geliştiriciler tarafından oluşturulan bu metin düzenleyici için birçok yazı tipi bulmanız şaşırtıcı değil. Bu nedenle bu yazımızda Word'e nasıl yazı tipi ekleneceğinden bahsedeceğiz.

Önemli uyarı: Diğer yazılımlar gibi yazı tiplerini de yalnızca güvenilir sitelerden indirin, çünkü bunların çoğu virüs ve diğer kötü amaçlı yazılımları içerebilir. Kendi güvenliğinizi ve kişisel verilerinizin güvenliğini unutmayın; EXE kurulum dosyalarında sunulan yazı tiplerini indirmeyin, çünkü bunlar aslında Windows işletim sistemi tarafından desteklenen OTF veya TTF formatlarındaki dosyaları içeren arşivlerde dağıtılır.

MS Word ve diğer uyumlu programlar için yazı tiplerini indirebileceğiniz güvenli kaynakların bir listesi:

Yukarıdaki sitelerin hepsinin son derece uygun bir şekilde uygulandığını ve yazı tiplerinin her birinin burada açık ve anlaşılır bir şekilde sunulduğunu unutmayın. Yani, önizleme resmine bakarsınız, bu yazı tipini beğenip beğenmediğinize ve ona ihtiyacınız olup olmadığına karar verirsiniz ve ancak bundan sonra indirirsiniz. Öyleyse başlayalım.

1. Sunduğumuz sitelerden birinde (veya tamamen güvendiğiniz başka bir sitede) uygun bir yazı tipi seçin ve indirin.

2. Yazı tiplerini içeren arşivi (veya yalnızca bir dosyayı) indirdiğiniz klasöre gidin. Bizim durumumuzda bu masaüstü.

3. Arşivi açın ve içeriğini uygun herhangi bir klasöre çıkarın. Arşivlenmemiş yazı tipleri indirdiyseniz bunları kolayca erişebileceğiniz bir konuma taşımanız yeterlidir. Bu klasörü kapatmayın.

Not: OTF veya TTF dosyasına ek olarak, yazı tiplerini içeren arşiv, örneğin bir resim ve Metin belgesiörneğimizde olduğu gibi. Bu dosyaları çıkartmanıza gerek yoktur.

4. Açın.
İÇİNDE Windows 8 - 10 bunu tuşları kullanarak yapabilirsiniz Kazanma+X, görüntülenen listede seçmeniz gereken yer. Tuşlar yerine menü simgesine sağ tıklayabilirsiniz. "Başlangıç".

İÇİNDE Windows XP-7 bu bölüm menüdedir "Başlangıç" — .

5. İzleme modundaysanız "Kategoriler"Örneğimizde olduğu gibi, küçük simgeler görüntüleme moduna geçin; bu şekilde ihtiyacınız olan öğeyi hızlı bir şekilde bulabilirsiniz.

6. Öğeyi orada bulun “Yazı Tipleri”(büyük olasılıkla sonunculardan biri olacaktır) ve üzerine tıklayın.

7. Windows'ta yüklü yazı tiplerinin bulunduğu bir klasör açılacaktır. Daha önce indirilen ve arşivden çıkarılan yazı tipi dosyalarını/dosyalarını buraya yerleştirin.

Tavsiye: Basitçe (onları) fareyle klasörden klasöre sürükleyebilir veya komutları kullanabilirsiniz. Ctrl+C(kopya) veya Ctrl+X(kes) ve sonra Ctrl+V(sokmak).

8. Kısa bir başlatma işleminden sonra font sisteme yüklenecek ve taşıdığınız klasörde görünecektir.

Not: Bazı yazı tipleri birden fazla dosyadan oluşabilir (örneğin, normal, italik ve kalın). Bu durumda tüm bu dosyaları fonts klasörüne yerleştirmeniz gerekir.

Word'e yeni bir yazı tipi yükleme

1. Word'ü başlatın ve programda yerleşik olan standart yazı tipleri listesinden yeni bir yazı tipi bulun.

2. Çoğu zaman listede yeni bir yazı tipi bulmak göründüğü kadar kolay değildir: birincisi, zaten oldukça fazla sayıda vardır ve ikincisi, adı kendi yazı tipiyle yazılmış olmasına rağmen oldukça küçüktür.

MS Word'de hızlı bir şekilde yeni bir yazı tipi bulmak ve yazarken kullanmaya başlamak için, bu grubun sağ alt köşesinde bulunan küçük oka tıklayarak “Yazı Tipi” grubu iletişim kutusunu açın.

3. Listelendi "Yazı tipi" yüklediğiniz yeni yazı tipinin adını bulun (bizim durumumuzda Altamonte Kişisel Kullanım) ve onu seçin.

Tavsiye: Pencerede "Örnek" yazı tipinin neye benzediğini görebilirsiniz. Bu, yazı tipinin adını hatırlamıyorsanız ancak görsel olarak hatırlıyorsanız onu daha hızlı bulmanıza yardımcı olacaktır.

4. Tıkladıktan sonra "TAMAM" iletişim kutusunda "Yazı tipi", yeni yazı tipine geçiş yapacaksınız ve onu kullanmaya başlayabilirsiniz.

Bir yazı tipini belgeye gömme

Yeni yazı tipini bilgisayarınıza yükledikten sonra yalnızca kendi başınıza kullanabileceksiniz. Yani, yeni bir yazı tipiyle yazılmış bir metin belgesini, sistemde bu yazı tipi yüklü olmayan ve dolayısıyla Word'e entegre olmayan başka bir kişiye gönderirseniz, bu ona görüntülenmez.

Yeni yazı tipinin yalnızca PC'nizde (yazıcıda veya daha doğrusu basılı bir kağıtta) değil, aynı zamanda diğer bilgisayarlarda, diğer kullanıcılarda da mevcut olmasını istiyorsanız, bir metin belgesine gömülmesi gerekir. Bunun nasıl yapılacağı hakkında bilgi için aşağıyı okuyun.

Not: Bir yazı tipini bir belgeye gömmek, MS Word belgesinin boyutunu artıracaktır.

1. Bir Word belgesinde sekmeye gidin "Seçenekler" Menü aracılığıyla açılabilen "Dosya"(Word 2010 - 2016) veya düğmesi "MS Word" (2003 — 2007).

2. Önünüzde açılan “Seçenekler” iletişim kutusunda bölüme gidin "Koruma".

3. Öğenin yanındaki kutuyu işaretleyin “Yazı tiplerini dosyaya gömün”.

4. Yalnızca geçerli belgede kullanılan karakterleri mi gömmek istediğinizi (bu, dosya boyutunu küçültecektir) veya sistem yazı tiplerinin gömülmesini hariç tutmak mı istediğinizi (aslında bu gerekli değildir) seçin.

Aslında burada bitirebiliriz, çünkü artık yazı tiplerini daha önce Windows'a yükledikten sonra Word'e nasıl yükleyeceğinizi biliyorsunuz. Yeni işlevlerde ve sınırsız olanaklarda uzmanlaşmanızda başarılar dileriz. Microsoft programları Kelime.

Yazı tipi olmadan kitaplar, bloglar, eskiz kurslarına ilişkin duyurular veya ponponlardan kar taneleri oluşturulması imkansızdır. Pek çok şey doğru yazı tipini seçmeye bağlıdır. Bir kişinin yüzü gibi bir yazı tipi de duyguları ve ruh halini yansıtabilir ve uyandırabilir. Mesela insanların metninizi okuduktan sonra mutlu olmasını istiyorsunuz ama nedense kayıtsız kalıyorlar. Bütün mesele yanlış yazı tipinin seçilmesi olabilir. Bu da bilişsel uyumsuzluğa neden olur.

Tipografinin 1 numaralı uzmanı Eric Spiekermann, On Type adlı kitabında tipografinin seçkinlere yönelik bir sanat olmadığını, söyleyecek bir şeyi olan ve düşüncelerini doğru bir şekilde ifade etmek isteyen herkesin kullanabileceği güçlü bir araç olduğunu gösteriyor. kağıt ve kağıt üzerinde ekran.

Burada tasarım anlatılıyor basit bir dille ve yazı tipi anlaşılmaz bir şey olmaktan çıkıyor. Anlamlı, güçlü, ilginç. Bu kitap halihazırda dünya çapında milyonlarca insan tarafından okundu. Artık Rusça da var.

Eric Spiekermann'la tanışın

Eric Spiekermann bir tasarımcı, Bremen Sanat Akademisi'nde profesör, Alman Tasarım Konseyi üyesi ve Uluslararası Tipografik Tasarımcılar Derneği'nin başkanıdır.

Eric'in bir tutkusu var: yazı tipleri. Belirli bir yazı tipinin hangi döneme ait olduğunu kolayca anlayabilir. Hangi yazı tipi sevginizi, hangisi ciddi niyetinizi gösterecek?

Eric Spiekermann ve onun tiple ilgili en ünlü sözü.

Eğer Almanya'ya gittiyseniz ve Alman trenlerine bindiyseniz, duraklarda, peronlarda ve istasyonlarda gördüğünüz yazılar, diyagramlar ve tabelalar Eric Spiekerman'ın elleriyle oluşturulan Deutsche Bahn yazı tipiyle yazılmıştır. Ayrıca The Economicist dergisinin tasarımı olan Audi'nin yazı tipini de yarattı. Ve bu kitabı yazdım.

“Yayınlarının güzelliği Eric tarafından tasarımcı olmayanlar için yazılmış olmaları. İnsanların gerçekten sevdiği şey budur; sıradan insan dilinde tasarım ve tipografi. Spiekermann - O, genel olarak modern tipografi ve tasarımın Papa'sıdır.”
Natalie Ratkowski

İçerideki ne?

Bu, yazı tiplerinin ana sakinleri olduğu gerçek bir paralel dünyadır. Ve bu kitap size yazı tiplerini avucunuzun içi gibi anlamayı öğretecek. Kitapta çok sayıda örnek var.

Grafik tasarım ve tipografi kolay değildir ancak basit projeler bile doğru yazı tipinin nasıl seçileceğini bilmekten faydalanabilir.

Bilgi sunma becerisi okuyucunun dikkatinin dağılmamasını, sonuna kadar okumasını ve söylemek istediğinizi anlamasını sağlamaktır. Bu bir yazı tipi seçme sanatıdır.

Karakterli harfler

Mektuba daha yakından bakın: hafif mi yoksa masif mi, yuvarlak mı yoksa kare mi, ince mi yoksa bodur mu? Nasıl görünüyor? Harfler askerler gibi hazırolda durabilir veya bir çizgi halinde zarif bir şekilde şarkı söyleyebilir veya dans edebilir, bağırabilir veya gülebilir. Bazı kelimeler sadece kulağa hoş gelmiyor, aynı zamanda diğerlerinden daha hoş görünüyor.

Şüphe, sürpriz, öfke ve neşe için yazı tipi. Kitaptan illüstrasyon

Sevinç (“sevinç”) kelimesinin yazı tipinde açık formlar, kendinden emin vuruşlar ve dinamik bir his. Bazı kelimelerin oluşturulduğu harflerde bir açıklama bulunduğunu görmek güzel. Bu gevşek ve kolay şekiller size kesinlikle neşeli, kolları açık bir insanı, özellikle de Y harfini hatırlatacaktır.

Keskin hatlara sahip kalın yazı tipleri kasvetli duygulara karşılık gelirken, hoş duygular hafif, gündelik yazı tiplerinde daha iyi aktarılır.

Kafka'nın yazı tipi

Yazı tipi tasarımcıları, yazı karakterlerini geliştirirken her zaman el yazısını model almışlardır. Mekanik sınırlamalar, fırça, kalem, dolma kalem ve hatta keçeli kalemle yazılan el yazısı yazı tiplerinin ortaya çıkmasına neden oldu. Daha sonra metalden kesildiler veya fotoğraflandılar ve yazı tipine dönüştürüldüler.

Günümüzde dijital araçların gelişmesiyle birlikte el yazısı fontları daha sıra dışı ve kişisel hale geldi. Artık Picasso, Cezanne ve Franz Kafka gibi ünlü sanatçı ve yazarların "el yazılarını" satın alabilirsiniz.

Mister K grubunun yazı tipleri Kitaptan illüstrasyon

İkincisinin el yazmaları oldukça okunaksızdı, ancak bu Yulia Sysmäläinen'i durdurmadı - Bay yazı tipini geliştirdi. K - Kafka'nın el yazısıyla - yazarın muhtemelen kaçınmak isteyeceği tüm kusurlarla birlikte.

Tipografi bulmacası

Hadi oynayalım. Sizce her ayakkabı tipine hangi yazı tipi uyuyor?

Kitaptan illüstrasyon.

Hangi yazı tipini seçmelisiniz

Belki de şu durumdasınızdır: akşam geç saatlerde, sabah altıda uçuştasınız ve hala valizinizi topluyorsunuz ve yanınıza ne alacağınıza karar veremiyorsunuz.

Bu, bir yazı tipi seçerken olur.

Belirli bir mesaj için doğru yazı tipini seçmek hem ilginç hem de zordur. Mesajınıza gerçeklerden başka ne eklemek istiyorsunuz? Onu nasıl yorumlamak, yorumlamak, süslemek istiyorsunuz? Times New Roman gibi "nötr" bir yazı tipi seçerseniz mesaj tarafsız olur.

Mesajın görünüşünü düşünerek onu öyle ya da böyle yorumluyorsunuz.

Yazı tiplerini hayali bir çantaya koymadan önce soruna bir göz atın. Pratiklik ve estetiği dengelemek gerekir.

Belirli bir yazı tipinin görünümünü belirli bir ürünle ilişkilendiririz. Bu nedenle, doğaçlama el yazısı yazı tipine sahip yazıtlar, taze ürünler için daha uygundur. Unlu mamuller yumuşak şekilli seriflerle ilişkilendirilir, tam tahıllar en iyi şekilde pürüzlü hatları olan hızlı el yazısı yazı tipleri ile temsil edilir ve ciddi ticari girişimler bakır gravür çağıyla ilişkilendirilir; menkul kıymetler ayrıntılı basılı sertifikalar şeklinde üretildi.

Kitap yayılması

Hala kitapta

Bu kitapla yazı tiplerine yeni bir açıdan bakacak, onları anlamayı öğrenecek ve amaçlarınıza uygun olanı seçeceksiniz. Kitapta pek çok ilginç ve pratik bilgi yer alıyor:

• Yazı tipi evriminin tarihi
• Belirli bir görev için yazı tipi seçme
• Yazı tipinin okunabilirliği ve okunabilirliği
• Bir yazı tipinin çalışması nasıl yapılır
• Ekran Yazı Tipi Özellikleri
• Metin için gazete, dergi, kitap düzeni
• Fontların geleceği
• Tipografiyle ilgili literatür ve web sitelerinin listesi

…200 sayfalık ilginç tarihi gerçekler, faydalı ipuçları Yazı tiplerinin seçimi ve kullanımına ilişkin güzel açıklayıcı örnekler.

Tüm hayatınızı doğru yazı tipini seçmeyi öğrenerek geçirebilirsiniz ve bu son derece ilginçtir, neredeyse suluboyada ustalaşmak gibidir. Aynı zamanda faydalıdır çünkü fikirlerinizi hedef kitlenize aktarmanın yollarından biridir. Yazı tipleriyle arkadaş olun!

Merhaba sevgili okuyucular!

Önceki bir makalede, WordPress çalıştıran bir web sitesindeki içeriğin satır içi CSS stillerini kullanarak standart olmayan bir şekilde nasıl stillendirileceğini yazmıştım. Stilleri kullanarak diğer şeylerin yanı sıra metinde kullanılan yazı tipini de değiştirebilirsiniz.

Bir web sitesinin yazı tipleri, tasarımının en önemli unsurudur. Ziyaretçinin sayfadaki davranışı doğru tercihine bağlıdır. Tüm bunların genel tasarımla uyumlu bir şekilde birleştirilmesi için doğru yazı tipini, boyutunu, kalınlığını, eğimini, rengini seçmek gerekir.

Ancak bazen alışılmadık bir yazı tipinin kullanılmasına ihtiyaç duyulur ve bunlardan sayısızı geliştirilmiştir - sanatsal, el yazısı, Gotik, Eski Rusça vb. Sitede bunlardan herhangi biri kullanılabilir mi?

Mümkün ama belli koşullar var.

Standart ve özel yazı tipleri

Seçtiğiniz yazı tipinin kullanıcının ekranında doğru şekilde görüntülenmesi için bilgisayarında yüklü olması gerekir. İşletim sistemini kurarken ayrıca belirli bir yazı tipi seti de alırız. Bu sete standart denir. Her işletim sisteminin kendi standart yazı tipleri listesi vardır. Ama hepsinde mevcut olan yazı tipleri var işletim sistemleri, onlara güvenli denir. Ziyaretçinin bilgisayarında düzgün görüntülenmeyeceğinden korkmadan bunlardan herhangi birini web sitenizde güvenle kullanabilirsiniz. Doğal olarak bu yazı tipleri en popüler olanlardır, çoğu sitede içerik yazmak için kullanılırlar ve okunması kolaydır.

Kullanıcı, standart yazı tiplerine ek olarak, standart olmayan diğer yazı tiplerini de bilgisayarına yükleyebilir, ancak bunların görüntülenmesinde sorunlar ortaya çıkabilir. Bazen deneyimsiz kullanıcılar, Word'de veya bir sunumda sıradan bir metin belgesi hazırlarken, internette buldukları ve bilgisayarlarına yükledikleri güzel sanatsal yazı tiplerini kullanırlar. Hazırlanırken her şey harika görünüyor, ancak bu sunumu başka bir bilgisayarda görüntülemeye başladıklarında, bu güzel yazı tipinin yerini normal, standart bir yazı tipiyle değiştirdiği ortaya çıkıyor.

Aynı şey web sitelerinde de olur. Kullandığınız standart dışı yazı tipinin site ziyaretçisinin bilgisayarında doğru görüntülenmesi için site ziyaretçisinin bilgisayarında yüklü olması gerekmektedir. Ancak binlerce ziyaretçinin sitenizi görüntülemek için belirli bir yazı tipini yüklemesini zorunlu kılamazsınız.

Bu sorun nasıl çözülür?

Bunu yapmak için gerekli yazı tiplerini siteye bağlamanız gerekir.

Bir web sitesi için yazı tipleri nasıl bağlanır

Bunu yapmanın iki ana yolu vardır. İlk durumda, özel bir uzak sunucuda bulunan yazı tipleri kullanılır, ikincisi yazı tipi dosyalarının sitenin kendi sunucusuna yerleştirilmesini içerir.

Bu yazıda ilk yönteme daha yakından bakacağız.

Google Fonts hizmetiyle çalışma

İle başlayalım Google hizmeti Yazı tipleri, en ünlü ve güvenilir olarak.

Güvenilirlik hakkında konuşmam boşuna değil, çünkü web sitenizde üçüncü taraf bir kaynak kullanıyorsanız, bunun doğrulanması ve güvenilir olması gerekir. Bu makaleyi hazırlama sürecinde yer imlerimde bulunan yazı tipi koleksiyonlarının bulunduğu birkaç siteyi ziyaret ettim. Bunları daha önce kullanmıştım, ancak birinin hosting ödemesi yapılmadığı için devre dışı bırakıldığı, diğerinin ise bir zamanlar çok satın aldığım hosting hizmetinin devre dışı bırakıldığı ortaya çıktı. güzel yazı tipleri, antivirüs tarafından engellendi.

Sitede ekran görüntüsünden de görülebileceği gibi, şu an Koleksiyon 708 yazı tipi içeriyor ancak hepsi bizim için uygun değil. Rusça siteler için Kiril alfabesini destekleyen yazı tiplerine ihtiyaç vardır. Sol tarafta, açılır listede seçim için filtreler var Senaryo seçmek Kiril, bundan sonra zaten 61 seçenek kaldı. Biz onlardan seçiyoruz. Beğendiğiniz yazı tiplerini butona tıklayarak koleksiyona ekleyin .

Seçimden sonra sonraki öğeye geçin - düğme Gözden geçirmek. Açılan sayfada metnin nasıl görüneceğini görebilir ve parametrelerini değiştirmeyi deneyebilirsiniz.

Sonra son noktaya geçiyoruz - düğme Kullanmak. Burada yazı tipini siteye bağlamak için kodu kopyalayabilirsiniz.

Bu kod sitenizin HTML sayfasında etiketlerin arasına yerleştirilmelidir.<KAFA> veKAFA>. WordPress siteleri için bu etiketler başlık dosyasında bulunur başlık.php. 4. Adım, CSS stilini tanımlamak için kodu kopyalar.

Gördüğünüz gibi üç seçenek seçtim ve şimdi WordPress HTML düzenleyicisine aşağıdaki kodu yazarsam:

sonra sayfada şöyle görünecek:

Bu metin standart olmayan bir şekilde biçimlendirilmiştir. Poiret Bir.

Bunu yapmanın iki ana yolu vardır. Russo Bir.

İlk yönteme daha yakından bakalım. Komut Dosyasını İşaretle.

AllFont.ru hizmetiyle çalışma

Bir diğer İyi hizmet site için bir yazı tipi seçmek için - . Görünüşe göre burada daha da fazla seçenek var. En azından daha çeşitlidir. Puanlayıcıyı kullanmayı seçebilir veya ada göre arama yapabilirsiniz.

Seçilen yazı tipinin sayfasında rengini, arka planını, boyutunu, metnini değiştirebilir ve nasıl görüneceğini görebilirsiniz.

Bundan sonra embed kodlarını siteye kopyalayabilirsiniz. Her şey Google Fonts web sitesinde olduğu gibi yapılır. Örnek olarak AGZeppelin-Roman yazı tipini seçtim, bakın nasıl görünüyor.

En büyük kütüphane AllFont.ru'ya hoş geldiniz

Umarım makaleyi faydalı bulmuşsunuzdur. Eğer öyleyse, abone olun blog güncellemeleri, yeni faydalı makaleler hazırlanmaktadır.

Yakında görüşürüz.