Tinkerfont logo

Tinkerfont.

Gerçek sitelerde anında font deneyin, kod yazmadan tasarım keşfedin

Tinkerfont ile gerçek web sitelerinde anında font değiştirin. DevTools açmadan, CSS'e dokunmadan ücretsiz deneyin. Chrome ve Firefox eklentisi.

Haftalık Sıralama
▲ #51
Oylar
143
Platform
Web / Mobile
Başlatıldı
Recently
Tinkerfont screenshot

Tinkerfont Hakkında Daha Fazla

Tinkerfont: Canlı Web Sitelerinde Font Testi ve Değiştirme Aracı

Tinkerfont, web tasarımcıları ve geliştiricileri için geliştirilmiş ücretsiz bir Chrome eklentisi ve Firefox add-on'udur. CSS dosyanızı değiştirmeden veya Figma'yı açmadan önce, gerçek web sitelerinde alternatif yazı tiplerini anında test etmenizi sağlar. Gerçek içerik, düzen ve farklı ekran boyutlarında yazı tiplerinin nasıl göründüğünü canlı olarak deneyimleyin.

Öne Çıkan Özellikler

  • Anında Font Değiştirme: 1.900'dan fazla Bunny Fonts yazı tipini tek tıklamayla uygulayın, hesap açmaya veya kod yazmaya gerek kalmadan.
  • Detaylı Font İnceleme: Herhangi bir metne sağ tıklayarak font ailesi, renk, kontrast ve hatta deneysel font dosyası URL'si gibi teknik özellikleri kopyalayın.
  • Özel Font Yükleme: .woff2, .woff, .ttf veya .otf formatlarındaki marka veya müşteri fontlarınızı yükleyerek canlı sitelerde test edin.
  • Sayfa Bazlı Kapsam: Değişiklikleri yalnızca navigasyon, tablo veya belirli alanlarla sınırlayın; her alan için ayrı ayarlar hostname başına kaydedilir.
  • Kalıcı Kurallar: Yerel depolama sayesinde ziyaretler arasında font değişimleriniz ve alan kapsamlarınız korunur, staging ortamında iterasyon yaparken kısa listeniz aktif kalır.
  • Tarayıcılar Arası Aktarım: JSON olarak kurulumunuzu dışa ve içe aktarın, farklı tarayıcılarda veya cihazlarda çalışmaya devam edin.

Kullanım Senaryoları

  • Tipografi Prototipleme: Yeni bir web projesinde kullanılacak yazı tipini, mevcut canlı sitenizde veya referans sitelerde gerçek içerikle test edin.
  • Müşteri Sunumu Öncesi Doğrulama: Müşteriye teslim edilecek özel fontları, canlı ortamda marka uyumluluğu ve okunabilirlik açısından kontrol edin.
  • Erişilebilirlik Testi: Farklı yazı tiplerinin kontrast oranlarını ve renk değerlerini inceleyerek WCAG standartlarına uygunluğu değerlendirin.
  • Responsive Tasarım Kontrolü: Farklı ekran boyutlarında ve kesme noktalarında yazı tipi performansını canlı olarak gözlemleyin.

Hedef Kitle

Web tasarımcıları, frontend geliştiricileri, tipografi meraklıları ve UI/UX profesyonelleri için idealdir; yerel depolama ve veri toplamama politikasıyla gizlilik bilincine sahip kullanıcılara hitap eder.