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.
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 (Pro) — müşteri marka fontlarını veya satın aldığın fontları getir, aynı şekilde canlı önizle
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.
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.
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 ve CSS Kopyala hiçbir ödeme ya da hesap gerekmeden çalışır. İsteğe bağlı, tek seferlik bir Pro yükseltmesi kendi font dosyalarını yükleme özelliğini ekler, ama bu temel özelliklerin hiçbiri için gerekli değildir.
FontMee — Ücretsiz, 1.900+ Font
Herhangi bir fontu anında tanı, sonra aynı sayfada başka bir fontu canlı olarak dene.
