Як переглядати файли веб-шрифтів (ttf, woff, woff2, eot) на mac?


12

Хтось знає, як переглядати формати файлів веб-шрифтів (ttf, woff, woff2, eot) на Mac?

Мені було надіслано кілька файлів і я хотів би переглянути їх, щоб переконатися, що всі формати правильні.

Відповіді:


4

1. Використовуйте менеджер шрифтів.

Я використовую FontExplorer X Pro і не маю проблем із переглядом веб-шрифтів. Найновіша версія має деякі нові веб-функції для імітації різних ОС та браузерів, щоб побачити, як ваш веб-шрифт буде виглядати в різних системах. Будь-який гідний менеджер шрифтів повинен дозволити вам бачити веб-шрифти, принаймні певною мірою (FontBook не є гідним менеджером шрифтів).

2. Створіть тестову веб-сторінку.

Просто створіть звичайну сторінку HTML з усім, що ви хочете протестувати, включіть шрифт у свій CSS, використовуючи, @font-faceяк зазвичай, та відкрийте локальний файл у своєму браузері - не потрібно завантажувати в Інтернет чи щось подібне. Хоча мати локальний сервер розвитку - це гарна ідея.


Привіт Cai, я хочу швидко переглянути файли .eot (використовувані для <IE 9), а також інші, і у мене немає цього браузера.
The Chewy

Ну, використання менеджера шрифтів було б найкращим варіантом. Ймовірно, є плагіни, схожі на той, який @spiral пов'язаний, але для файлів .eot, я буду дивитись, коли у мене буде трохи більше часу.
Кай

4

Існує плагін QuickLook, який дозволяє переглядати .woff з пошуку. Finder повинен мати можливість попереднього перегляду .ttf. Я не впевнений, що цього достатньо для тестування. Ви можете подивитися і переконатися, що вони працюють шрифтами, але не набагато більше.

Інший варіант - сторінка тестування шрифтів Drag & Drop від Pablo Impallari. Перетягніть шрифти зі свого робочого столу, і ви побачите кернінг, підтримку символів, функції відкритого типу та багато іншого.

Редагувати Sept 2018 : сторінка Impallari знаходиться вниз, але є й інші варіанти , як сторінки тестування Вернона Адама , в Cyreal версія , дзеркала Musictypefoundry в або ви можете самостійно-хост від джерела


Ця сторінка для тестування шрифту виглядає добре!
Кай

Це відмінна подяка. Незначний недолік у тому, що він не підтримує .eot, який я дуже хотів перевірити, але все-таки чудовий висновок. Знову дякую.
The Chewy

Сторінка тестування шрифту вниз
sehe

відредаговано, щоб додати дзеркала / альтернативи
спіраль

3

Якщо ви також хочете переглянути символи та специфікації unicode, це дуже добре:

FontDrop!


2

Я також шукав рішення. Спробувавши багато варіантів, https://transfonter.org/ - це те, що працювало для мене.


1
Дякуємо, що поділилися цим; чудовий сервіс. Просто допоміг мені стандартизувати і осмислити купу файлів шрифтів, які мені надали криптичні назви файлів. Вони повинні оновити його та додати підтримку font-displayдирективи css
kjones

1

Крім того, якщо вам потрібно відкрити та редагувати файли шрифтів або конвертувати їх, деякі інтернет-сервіси не можуть цього зробити з формату .eot. Інструментом, який може бути, є TransType Fontlab .


Не вдається відкрити файли WOFF2, лише файли WOFF.
Uwe Keim
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.