Mac'te webfont dosyalarını (ttf, woff, woff2, eot) nasıl görüntüleyebilirim?


12

Mac'te webfont dosya biçimlerini (ttf, woff, woff2, eot) nasıl görüntüleyeceğini bilen var mı?

Bana bazı dosyalar gönderildi ve tüm biçimlerin doğru olduğundan emin olmak için onları görüntülemek istiyorum.

Yanıtlar:


4

1. Bir yazı tipi yöneticisi kullanın.

Kullandığım FontExplorer X Pro ve hiçbir sorun görüntüleyen web fontları var. En yeni sürüm, web yazı tipinizin farklı sistemlerde nasıl görüneceğini görmek için farklı işletim sistemi ve tarayıcıları simüle etmek için bazı yeni web'e özgü özelliklere sahiptir. İyi bir yazı tipi yöneticisi, en azından bir dereceye kadar web yazı tiplerini görmenize izin vermelidir (FontBook iyi bir yazı tipi yöneticisi değildir).

2. Bir test web sayfası oluşturun.

Test etmek istediğiniz her şeyi içeren normal bir HTML sayfası yapın, @font-facenormalde yaptığınız gibi CSS'nize yazı tipini ekleyin ve yerel dosyayı tarayıcınızda açın - internete veya bunun gibi bir şeye yüklemeye gerek yoktur. Her ne kadar yerel bir geliştirme sunucusuna sahip olmak iyi bir fikirdir.


Merhaba Cai, diğerlerinin yanı sıra .eot dosyalarına (<IE 9 için kullanılır) hızlı bir şekilde bakmak istiyorum ve o tarayıcıya sahip değilim.
Chewy

Bir yazı tipi yöneticisi kullanmak en iyi seçenek olacaktır. Muhtemelen bağlı bir @spiral benzer eklentiler var ama .eot dosyaları için, biraz daha zamanım olduğunda bir göz atacağım.
Cai

4

.Woff'u bulucu içinden önizlemenizi sağlayan bir QuickLook eklentisi var. Finder, .ttf dosyasını yerel olarak önizleyebilmelidir. Bunun test için yeterli olduğundan emin değilim. Bir göz atabilir ve yazı tiplerinin çalıştığını doğrulayabilirsiniz, ancak daha fazlası değil.

Başka bir seçenek de Pablo Impallari'nin Sürükle ve Bırak yazı tipi test sayfasıdır. Yazı tiplerini masaüstünüzden sürükleyin; karakter aralığı, karakter desteği, opentype özellikleri ve daha fazlasını görebilirsiniz.

Eylül 2018'i düzenle : Impallari'nin sayfası çalışmıyor, ancak Vernon Adam'ın test sayfası , Cyreal sürümü , Musictypefoundry'in aynası gibi başka seçenekler de var veya kaynaktan kendi kendine barındırabilirsiniz


Bu yazı tipi test sayfası iyi görünüyor!
Cai

Mükemmel teşekkürler. Hafif dezavantajı, gerçekten kontrol etmek istediğim olan .eot'yu desteklemiyor, ancak yine de harika bir keşif. Tekrar teşekkürler.
Chewy

Yazı tipi test sayfası çalışmıyor
2018

ayna / alternatif eklemek için düzenlendi
spiral


2

Ayrıca bir çözüm arıyordum. Birçok seçeneği denedikten sonra, https://transfonter.org/ benim için işe yaradı.


1
Bunu paylaştığınız için teşekkürler; harika servis. Sadece şifrelenmiş dosya adlarına sahip olduğum bir dizi yazı tipi dosyasını standartlaştırmama ve anlamama yardımcı oldu. Güncellemeli ve font-displaycss yönergesi için destek eklemelidirler
kjones

1

Ayrıca, font dosyalarını açıp düzenlemeniz veya dönüştürmeniz gerekirse, bazı çevrimiçi hizmetler bunu .eot biçiminden yapamaz. Yapabilecek bir araç Fontlab'ın TransType'ıdır .


WOFF2 dosyaları açılamıyor, sadece WOFF dosyaları açılamıyor.
Uwe Keim
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.