Web Sitesinde Font Deneme ve Müşteriye Önce / Sonra Görseli Gösterme

Bir müşteriye yeni bir font göstermek için sitesini Chrome’da aç, fontu ücretsiz FontMee eklentisiyle gerçek sayfada dene ve önce/sonra düğmesine bas. FontMee iki ekran görüntüsü alır, biri eski fontla, biri yeni fontla, ve ikisini tek bir görselde birleştirir; bunu e-postaya yapıştırabilir ya da PNG olarak kaydedebilirsin. Müşterinin gerçek sitesinde hiçbir şey değişmez, yalnızca senin ekranında değişir.

Gerçek sitedeki görsel neden taslaktan iyidir

Taslak (mockup), bir sayfanın nasıl görünebileceğini gösteren, genellikle bir tasarım programında çizilen uydurma bir görseldir. Hazırlamak zaman alır; üstelik bir font, çevresinde müşterinin gerçek yazıları, logosu ve fotoğrafları olunca çoğu zaman farklı görünür. Fontu gerçek sayfada denediğinde müşteri kendi sitesini yeni fontla görür ve evet ya da hayır diyebileceği an tam budur.

Bir tur işten de tasarruf edersin. On dakikada üç font deneyebilir, üç görsel gönderebilir ve yalnızca müşterinin seçtiğini hazırlayabilirsin.

Neye ihtiyacın var

• Bilgisayarda Google Chrome, çünkü eklentiler orada çalışır.
• Göstermek istediğin sitenin adresi: kendi siten, bir müşterinin sitesi ya da bir rakibin sitesi bile olabilir.
• Ücretsiz FontMee eklentisi, Chrome’a yeni bir özellik kazandıran küçük bir ek. Hesap yok, ödeme yok.

Önce / sonra görselini altı adımda yap

FontMee, bir fontu başka kimse için değiştirmeden herhangi bir sayfada gösterir. İşin tamamı burada, kısa video da paneli iş başında gösteriyor.

1. FontMee’yi kur. Chrome Web Mağazası’ndan ekle. Ücretsiz ve hesap istemez. Chrome’daki yap-boz simgesine tıkla ve eklentiyi sabitle, böylece hep tek tık uzağında olur.
2. Müşterinin sitesini aç ve FontMee simgesine tıkla. Panel sayfanın yanında açılır. Alt + Shift + F tuşlarına da basabilirsin. Chrome’un kendi sayfaları (Yeni Sekme, Web Mağazası, chrome:// sayfaları) değiştirilemez.
3. Yeni fontu seç. Değişiklikleri uygula: altında Her şey, Başlıklar ya da Metin’i seç, sonra bir fonta tıkla. Birbirine yakışan bir başlık fontu ve bir metin fontu mu istiyorsun? Font eşleşmeleri’ni aç ve Bu çifti kullan’a bas. En iyi Google font eşleşmeleri rehberimiz birkaçını gösteriyor.
4. Kadrajı ayarla. Görsel şu anda ekranında olanı gösterir; bu yüzden göstermek istediğin bölüme, örneğin ana sayfanın üstüne kaydır ve Ayarla ile boyutu, kalınlığı ve satır yüksekliğini güzel görünene kadar düzenle.
5. Önce / sonra’ya bas. Kamera simgeli düğmedir, Orijinal font ve FontMee önizlemesi anahtarının yanında durur. FontMee sekmeyi öne getirir ve iki ekran görüntüsü alır, önce yeni fontla, sonra orijinaliyle. Chrome saniyede yalnızca iki görüntüye izin verir; bu yüzden biraz bekle ve sekme değiştirme.
6. Gönder. Görselin olduğu küçük bir pencere açılır. Kaydırıcı ile sayfa üzerinde bir ayırıcıyı sürüklersin, Yan yana ile ikisini birden görürsün. Görseli kopyala’ya bas ve Ctrl+V ile e-postaya ya da sohbete yapıştır, ya da PNG dosyası için Görseli kaydet’e bas. Birleşik görselin üzerinde Önce ve Sonra etiketleri bulunur.

Toplantıda canlı göster ya da sonra gönder

Müşteri görüntülü görüşmedeyse Chrome sekmeni paylaş ve panelin üstünde Orijinal font ile FontMee önizlemesi arasında geçiş yap. Geçiş için Alt + Shift + O tuşlarına da basabilirsin, panel kapalıyken bile. FontMee’de ayrıca Sitede tut düğmesi var; böylece sayfayı yeniden açtığında fontların hâlâ yerinde olur. Müşteri yanında değilse görsel senin yerine konuşur.

Müşterinin evet demesini kolaylaştır

• Ona on değil, iki ya da üç seçenek göster. Font başına bir görsel yeter.
• Fontların adını e-postaya yaz, müşteri “ikincisi” diye cevap verebilsin.
• Her görselde sayfanın aynı bölümünü kullan; tek fark font olsun.
• Müşteri seçince FontMee’ye dön ve CSS’i kopyala’ya bas. Gerçeğe dönüştüren kodu alırsın; Google Fonts ekleme rehberimiz nereye gideceğini gösteriyor.

Göndermeden önce kontrol edeceğin dört şey

• Bu yalnızca bir önizleme. Kod gerçek siteye eklenene kadar başka kimse yeni fontu görmez. Müşteriye söyle ki internette aramasın.
• Gerçek yazıları kontrol et. Başlıklara, düğmelere ve uzun paragraflara bak. Başlıkta çok güzel duran bir font paragrafta yorabilir.
• Özel harfleri kontrol et. Sitede ç, ğ, ı, ö, ş, ü gibi harfler varsa birkaçına kaydır ve doğru göründüklerinden emin ol. FontMee fontları yazı sistemine göre, örneğin Latin Extended ya da Kiril’e göre süzebilir.
• Lisansı kontrol et. Google Fonts açık kaynaklıdır, Fontshare fontları da kullanıma ücretsizdir; ama müşterinin zaten sahip olduğu bir fontun kendi kuralları olabilir. FontMee kodu kopyaladığında bir lisans hatırlatması gösterir.

Henüz bir siten yok mu? O zaman yazı tipi ikinci sırada gelir. Bir sitenin yaşayacağı bir eve de ihtiyacı var, kod yazmadan ev sahibi olmanın en hızlı yolu da bir site oluşturucudur.

Eklentiyi edin

FontMee ücretsiz; 1.900’den fazla yazı tipi, dört biçimde CSS’i kopyala, kendi barındırman için bir ZIP ve kendi yazı tiplerini yükleme dahil. Hesap yok, abonelik yok. Chrome Web Mağazası’ndan ekle ya da önce FontMee sayfasını oku.

Başlamadan önce bilmekte fayda var

Sık Sorulan Sorular