2013-04-20 5 views
6

Название довольно много говорит обо всем. Я создаю набор шрифтов с использованием шрифта squirrel, и у меня возникают проблемы с интервалом между буквами в Safari.Не работает ли CSS-интервал с SVG-шрифтами в Safari?

Поскольку браузеры webkit визуализируют шрифты SVG, намного лучше, чем шрифты WOFF, я, очевидно, хочу использовать SVG. Однако я заметил, что межсетевой экран не работает в Safari. Это известная проблема?

+0

Посмотрите, если эти ответы помогут вам: http://stackoverflow.com/a/3836140/684932 В любом случае, большая часть информации, которую я нашел, указывает, что известная проблема заключается в том, что интервал между письмами в Safari работает только с пикселем и не работайте с чем-то ниже 1px. Но большинство вещей, которые я нашел, относятся к 2010-2012 годам, ничего относительно «нового». – RaphaelDDL

+0

Btw, похоже, работает на Chrome, что указывает на Safari Bug, а не на Webkit. – RaphaelDDL

+0

Моя проблема заключается в том, что интервал между буквами не работает во всех случаях с svg-шрифтами. Не имеет значения десятичных значений пикселей. И это определенно ошибка сафари. Я буду бить скрипку позже, когда я буду на своем компьютере, чтобы продемонстрировать это. – jcvandan

ответ

2

Вероятно, вы можете обратиться предыдущие посты на этом,

Safari, letter-spacing with custom font

Is there a way to make css letter-spacing: 0.5 px?

Safari Bug

Эта ссылка клопа говорит, что с помощью JavaScript можно назначить интервал. Его странно ошибка ..

Я уверен, что это ссылка даст вам некоторое представление ..

Я нашел один Fiddle [Fiddle]4

Это уменьшит вашу работу, возможно, это сейчас отлично работает в Chrome Я я использую версию 26 Chrome. У меня нет сафари, поскольку я не один из поклонников сафари. :)

2

Как указано MarmiK, это known issue в списке ошибок WebKit (ошибка № 20606). Тот факт, что он влияет на WebKit в целом, означает, что он должен отображаться в браузере Chrome, Safari и любом другом браузере WebKit.

Последнее, что связано с ошибкой, заключается в том, что он был поднят одним из разработчиков Chromium на уровне 2013-03-22 или около него, что является значительным прогрессом, так как ошибка оставалась unassigned в течение почти 4 лет.

Учитывая, что недавно были исправлены ошибки типографского типа/выравнивания (например, 99439, что относится к реализации text-align-last), кажется, что сообщество разработчиков WebKit находится в процессе фокусировки некоторых из этих проблем.

Если вы хотите отслеживать текущую разработку этой проблемы, продолжайте следовать за Bug 20606 History или отследите Bug 20606 Discussion. Первая ссылка покажет вам прогресс/фиксации/изменения, связанные с ошибкой и ее усилиями по развитию. Второй покажет вам разговор пользователя/разработчика об ошибке, а также auto-generated commentary из Build Bot, поскольку он запускает модульные тесты с любым соответствующим кодом регистрации.

Наконец, чтобы проверить любую сборку предпочтительного браузера по сравнению с другими эталонами для этой реализации, взгляните на this link. В левом верхнем углу отобразится рендеринг вашего браузера, а на скриншотах ниже будут показаны другие браузеры (немного устаревшие на данный момент) - и как они реализуют нецелые значения letter-spacing. Кроме того, вы можете увидеть что-то подобное, ссылаясь на this jsFiddle.

Смежные вопросы