Bir siteye giriyorsun ve başlıktaki font seni durduruyor. Tam olarak haftalardır kendi sitende yakalamaya çalıştığın o his. Sağ tıklıyorsun, "incele"yi deniyorsun ve karşına tek bir font-family satırını bulmak için içinde kaybolman gereken koca bir CSS duvarı çıkıyor — tabii bulabilirsen.
Kısa cevap: FontMee'yi kur, Inspect'e tıkla ve fareyi metnin üzerine getir. Tam font hemen görünür; geliştirici araçlarına ve ekran görüntüsüne gerek yok.
Fontu bulmanın klasik yolları, ve neden can sıkıcılar
Tarayıcının geliştirici araçları işini görür, teknik olarak, ama bunlar sayfa düzenini debug eden geliştiriciler için tasarlanmıştır, bir fontun adını hızlıca öğrenmek için değil. İnceleme panelini açman, iç içe geçmiş bir ağaçta doğru elemanı bulup tıklaman, hesaplanan stiller arasında kaydırman ve fontun düzinelerce CSS değişkeni ile yedek font listesinin arkasına gömülmemiş olmasını ummandan başka çaren yok. Font tanıma siteleri de var, ama çoğu senden bir ekran görüntüsü yüklemeni istiyor, sonra görsel olarak benzeyen bir liste arasından tahmin yürütmeni bekliyor — hem yavaş, hem de sık sık yanlış.
Bilmekte fayda var: ikisini de tamamen atlayan çok daha hızlı bir yol var — metnin üzerine geliyorsun ve cevabı anında alıyorsun, ne ekran görüntüsü var ne de geliştirici araçları sekmesi.
Çözüm: FontMee
FontMee, tam olarak bunun için yapılmış ücretsiz bir Chrome uzantısı. Herhangi bir sayfanın yanında açılan bir yan panel, ve burada işine yarayacak iki şey sunuyor: herhangi bir fontu anında söyleyen bir İncele aracı, ve o sayfada aynı anda deneyebileceğin, farklı bir fontun nasıl görüneceğini gösteren 1.900'den fazla fontluk canlı bir kütüphane — sadece orada ne olduğunu görmek değil, bir şeye karar vermeden önce gerçekten alternatifleri deneyebilmek.
Bir fontu tanımak — adım adım
- FontMee'yi yükle. Chrome Web Mağazası'ndan FontMee'yi ekle. Ücretsiz, hesap gerekmiyor.
- Panel'i ilgili sayfada aç. FontMee simgesine tıkla, yan panel sitenin yanında açılsın.
- İncele'ye tıkla ve metnin üzerine gel. Gerçekte kullanılan font ailesi, boyutu, kalınlığı, satır aralığı ve harf aralığı anında karşına çıkar — geliştirici araçları yok, kaynak kodu yok.
Sadece font tanımıyor, canlı olarak da deneme imkânı veriyor
Bir sayfanın hangi fontu kullandığını öğrendikten sonra FontMee'nin asıl değeri devreye giriyor: aynı panel, 1.900'den fazla fontundan herhangi birini — tüm Google Fonts kataloğu artı Satoshi ve Clash Display gibi Fontshare'e özel fontlar dahil — o canlı sayfada, kendi tarayıcında, anında denemeni sağlıyor.
- Dört bağımsız katman — bir fontu her şeye, sadece başlıklara, sadece gövde metnine ya da tıkladığın tek bir elemana uygula, her biri kendi seçimini korur
- Belirli bir elemanı seç — bütün sayfa yerine tam olarak bir butonu, başlığı veya paragrafı hedefle
- Kopyalamaya hazır CSS — bir şeyde karar kıldığında, tek tıkla kendi stil dosyana yapıştırabileceğin
@importve kuralları alırsın - Kendi fontlarını yükle — müşteri marka fontlarını veya satın aldığın fontları getir, aynı şekilde canlı önizle
- Her Katmanı Ayarla — Kalınlık, boyut, satır yüksekliği ve harf aralığı için kaydırıcılar, sayfada canlı — üstelik yalnızca fontun gerçekten sahip olduğu kalınlıklarla.
- Sayfa Fontlarını Gör ve Değiştir — Bir sayfanın gerçekten kullandığı fontların, metindeki paylarıyla listesi. Herhangi birini tek tıkla her yerde değiştir.
- Hazır Eşleşmeler — Birlikte güzel duran 32 başlık + metin çifti ve seçtiğin font için öneriler.
- Senin Dilin, Senin Harflerin — Genişletilmiş Latin, Kiril, Yunanca veya Vietnamca ile filtrele ve kendi örnek metnini önizle — č, ć, š, ж, ω dahil.
- Gerçek Projeler İçin Dışa Aktar — CSS, CSS değişkenleri, Tailwind veya HTML parçası — ya da font dosyalarıyla kendi barındırman için bir ZIP; ziyaretçilerin Google’a hiç dokunmaz.
- Önce / Sonra Görseli — Tek tıkla sayfanın fontunla ve fontsuz yan yana görselini kopyalar. Müşteriye göndermeye hazır.
- Panel Kapalıyken de Çalışır — İncele, orijinal / önizleme ve rastgele font için kısayollar. İncele, sayfada boyut ve kalınlığı canlı ayarlayabildiğin bir kart açar.
- Koleksiyonlar ve Eşitleme — Kayıtlı fontları koleksiyonlara ayır, kombinasyonlarını dışa/içe aktar ve istersen Chrome cihazların arasında eşitle.
Yaptığın hiçbir şey sitenin kendisine dokunmaz — sayfayı yeniden yükle ya da sekmeyi kapat, her şey hem senin hem de diğer herkes için normale döner. Kendi sitende tek bir satır CSS yazmadan önce "bu farklı bir font olsaydı nasıl olurdu" diye denemenin, ya da sadece merak ettiğin başka birinin sitesinde bir fontun nasıl görüneceğini görmenin tamamen güvenli bir yolu.
Fontunu seçtin mi? Şimdi ona bir yuva lazım. Font, kurmak üzere olduğun bir site içinse, bir site oluşturucu sayfayı doğrudan düzenleyerek, kod yazmadan ayarlamanı sağlar. Weblium bunlardan biri.
Uzantıyı edin
FontMee ücretsiz; 1.900'den fazla font, dört katmanın tamamı, İncele ve CSS Kopyala hiçbir ücret ödemeden dahil. Font seçmeye zaman ayırıyorsan — kendi siten için, bir müşteri için, ya da beğendiğin bir sayfaya olan merakından — bu, tahmin yürütmeyi gerçekten görebildiğin bir şeye çeviriyor.
Başlamadan önce bilmekte fayda var
- Yalnızca önizleme: yazı tipi senin ekranında değişir, diğer ziyaretçiler için asla.
- Latin, Orta Avrupa, Kiril, Yunan ve Vietnam harfleri çalışır — yazı sistemini panelden seçersin. Arapça ve Asya metinleri kendi orijinal fontunda kalır.
- Yazı tipleri önizlediğinde Google Fonts ve Fontshare'den çekilir, bu yüzden internet bağlantısı gerekir.
- Her şey ücretsiz ve sınırsız. İstediğin kadar font ve kombinasyon kaydet, fontlarını istediğin kadar sitede tut ve kendi fontlarını da yükle.
- Bir yazı tipini önizlemek lisans değildir. Bir web sitesinde kullanmadan önce yazı tipinin lisansını kontrol et.
Sık Sorulan Sorular
FontMee'nin İncele aracına tıkla ve sayfadaki herhangi bir metnin üzerine gel — gerçekte kullanılan font ailesini, boyutu, kalınlığı, satır aralığını ve harf aralığını anında gösterir, tarayıcının geliştirici araçlarını açmana ya da sayfanın kaynak kodunu okumana gerek kalmadan.
Evet — FontMee, 1.900'den fazla Google Fonts ve Fontshare fontundan herhangi birini tek tıkla doğrudan canlı sayfaya uygular, bu aşamada CSS'in içine hiç girmezsin. Gerçek stil dosyana ancak bir seçimde karar kıldıktan sonra, hazır CSS Kopyala parçacığını kullanarak dokunursun.
Hayır — FontMee sadece kendi tarayıcı sekmende, geçici olarak görüneni değiştirir ve sitenin gerçek dosyalarına asla dokunmaz. Sayfayı yeniden yüklemek ya da sekmeyi kapatmak, hem senin hem de diğer her ziyaretçi için her şeyi anında normale döndürür.
Evet — FontMee'nin dört bağımsız katmanı var: Her Şey, Başlıklar, Gövde Metni ya da tıkladığın tek bir eleman. Her biri kendi font seçimini korur, böylece aynı anda bir başlık/gövde metni ikilisini önizleyebilirsin.
Evet — 1.900'den fazla font, dört katmanın tamamı, İncele, CSS Kopyala ve kendi font dosyalarını yükleme hiçbir ödeme ya da hesap gerekmeden çalışır. FontMee'deki her şey ücretsizdir.
FontMee — Ücretsiz, 1.900+ Font
Herhangi bir fontu anında tanı, sonra aynı sayfada başka bir fontu canlı olarak dene.
Ücretsiz PDF rehber: herhangi bir fontu herhangi bir sitede bir profesyonel gibi dene
FontMee’nin her düğmesi 10 kısa sayfada açıklandı: 4 katman, font kütüphanesi, ince ayar, eşleşmeler, önce / sonra, CSS’i kopyala ve beğendiğini saklama. E-postanı yaz, indirme hemen başlasın.
E-postanı GetPlugzz bültenine ekliyoruz (yeni yazılar, araçlar ve uzantılar). Spam yok, istediğin zaman aboneliği bırakabilirsin. Gizlilik
