WordPress sitenizde havalı yazı tipleri nasıl kullanılır
Bir vektör simgesi veya statik görüntü kullanma arasındaki seçim verildiğinde, bir vektör kullanmak daha iyidir. Yüklenmesi küçük ve hızlıdırlar ve çözünürlük kaybetmeden herhangi bir önleme dağılabilirler. Font Awesome, web sitenizde kullanabileceğiniz olağanüstü bir vektör simgesi kitaplığıdır ve ihtiyacınız olan neredeyse tüm şekillere veya markalara sahip olabilirler. Ve en iyisi? Özgür. İkincisi en iyisi, kolay. WordPress sitenizdeki harika yazı tipi kitaplığını kullanarak olağanüstü olan YouTube kanalı yazı tipi WordPress simgesine abone olun. Bu basit adımları izledikten sonra, sayfanızın yükleme süresini azaltabilir ve işinizin bir parçası olarak bu simgeleri kullanarak gerçekten temiz ve keskin tasarımlar oluşturabilirsiniz.
Hatırlanması gereken bir şey (çoğu zaman) harika yazı tipi simgeleri, sitenize gerçek bir yazı tipi olarak gönderilecektir. Bu nedenle harika yazı tipinin adı. CSS’yi @font-face ve Fonts Awesome Fonts aracılığıyla kullanarak, normalde yazı tipi karakterlerinde yaptığınız tüm şekillerde düzenleyebilir ve manipüle edebilirsiniz. Bu nedenle, her tarayıcı veya ayrı görünüm portu için boyut veya mesafe hakkında endişelenmenize gerek yoktur. Kulağa hoş geliyorsa, çünkü öyle. Ve bunu yaptığınız yoldur: Olağanüstü Yazı Tipleri Yükleme Fontları harika yüklemenin ve kullanmanın manuel bir yolu olsa da, WordPress kullanıcıları için daha iyi bir yol var. FA’daki iyi insanlar resmi WordPress Font Awesome eklentisini yayınladı ve iyi çalışır.
Not: Eklentideki kısa kodu vur ve kaçırır. Bazı simgeler çok iyi görüntülenirken, diğerleri boş görünür. Kısa kodun sizin için çalıştığını görmediğiniz sürece HTML eklemesini kullanmaya devam etmenizi öneririz. Kamera simgesi bunu yaparken yukarıdaki örnek WordPress örneği için aşağıya bakın. Ve bitmişsiniz. WordPress Awesome Font eklentisi, gerekli kodu girmek için temalarına veya dosyalarına girmesinden rahatsız olan insanlar için mükemmeldir. Ancak, bunu yaparken rahat hissediyorsanız, sitenizdeki harika yazı tipi simgesini almak için bu talimatı takip edebilirsiniz. Serin simge yazı tiplerini manuel olarak yükleme Yapmanız gereken ilk şey harika yazı tipi web sitesine gitmektir. Oradan ücretsiz kullanarak başlat düğmesine tıklayın. Yüksek trafik siteleri olan ve şirket çözümleri gerektiren kişiler için ücretli paketler sunarlar, ancak genel halk ücretsiz sürümle hak kazanabilir. Pro paketinde 1.500 ücretsiz simge ve 5.000’den fazla varyant elde edersiniz. Bir sonraki adım yeterli kopyalama/yapıştır. Ancak, daha önce tartıştığımız gibi webfont seçeneğini vurguladığınızdan emin olmak isteyeceksiniz. Çoğu temanın, kodu otomatik olarak sitesine girmeniz için bir yeri vardır. Örneğin Divi durumunda, tema seçeneğini gireceksiniz – entegrasyon ve bu kodu etiketli alana ekleyeceksiniz. Kodu blogunuzun başına ekleyin. <link ral = "Stylesheet" href = "https://use.fontawesome.com/releases/v5.7.1/csss/all.css" bütünlük = "sha384-fnmocqbtlwilj8lytjo7moustjskcc4popqbqbqyi, ne istiyoruz gibi başlayabilirsiniz üstünde. Sadece bunu yaparak kısa kodlara erişiminiz yok. Temanızda böyle bir yer bulamıyorsanız, temanız kod entegrasyonunu desteklemiyorsa, manuel olarak yapmak da kolaydır. Bunu yapmak için temanızın temel dosyasını kazmalısınız, ancak bu çok hızlı bir kopya/yapıştır ve (genel olarak) yapacak kadar güvenlidir. Görünüm – Düzenleyiciyi WP kontrol panelinizde açın ve header.php dosyalarını bulun. yazıldığı bir satır bulun ve ondan önce aynı kodu harika yazı tipinden eklemeniz gerekir. Dosyayı güncelleyin, hemen FA simgesini kullanmaya başlayacaksınız. Yine, harika yazı tipini bu şekilde yükleyerek kısa bir kod alamazsınız. Ayrıca, tema dosyasını her düzenlediğinizde çocuk temasını kullanmak istediğinizi unutmayın. Bunu yaparak, tema güncellendiğinde yaptığınız değişikliklerin üzerine yazılmamasını önlersiniz. Kurulum için daha fazla seçenek ve harika yazı tipine daha özgü başka ihtiyaçlarınız varsa, kütüphaneye erişmek için birçok yol sunarlar. NPM ve İplik kurulumundan, eskiz ve tepki entegrasyonuna kadar, WordPress’ten daha fazlasına ihtiyacınız varsa birçok seçeneğe sahipler.Styling Yazı Tipleri Soğuk simgesini yükledikten sonra, bir simge görünmesinin zamanı geldi. Her simge CSS sınıfı tarafından düzenlendiğinden bunu CSS kullanarak yapabilirsiniz. En yaygın kullanılan iki stil renk ve boyuttur. CSS stilini stil sayfanıza ekleyebilir veya sırada yapabilirsiniz. Genel olarak, bir stil hattı kullanmak isteyebilirsiniz, çünkü bunun gibi bir simge site genelinde evrensel olma eğilimindedir. Müthiş yazı tipi web sitesinde bunun nasıl yapılacağına dair bir örneğe sahiptir. IGlo simgelerini kullanarak boyutlar ve belirli bir boyut için FA-XS veya FA-XL veya FA-2X gibi ek sınıflar gösterirler. Buna ek olarak, belirli bir boyuta göre bir simgeye ihtiyacınız varsa ve mutlak değer işlev görmez.
sar ve hepsi bu!İnanılmaz, değil mi?WordPress Font Awesome eklentisini kullanırsınız veya kodu manuel olarak girersiniz, sitenizi etkin ve çalıştırmak için birkaç adımdan daha fazlasına gerek yoktur.Müthiş yazı tipi bir nedenden dolayı popülerdir ve bazıları kullanım kolaylığından gelir.Öyleyse dışarı çık ve harika olun! Harika yazı tipi simgesini kullanmanın en sevdiğiniz yolu nedir?Makaleler harika yazı tipi resimleri sergiliyor
