Подтвердить что ты не робот

Является ли хэш необходимым в svg шрифтовом выражении?

@font-face
  font-family: 'AllerRegular'
  src: url('/fonts/aller/aller_rg-webfont.eot')
  src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg')
  font-weight: normal
  font-style: normal

В приведенном выше примере я добавляю SVG-версию этого шрифта, но я не уверен, что идентификатор верен. Если в этом SVG есть только один шрифт, необходимо ли иметь правильный идентификатор?

Ответ 1

Да, это необходимо. В этой статье говорится:

В приведенном выше коде CSS вы можете увидеть, что для версии SVG требуется дополнительная информация, ее идентификатор, после того, как hashtag (#) в имени файла декларация. Если вы не заполняете его, он не работает, поэтому вам нужно найти эту информацию, открыв файл SVG в документе TXT или блокнот и найдите следующую строку, расположенную вверху страницы.

И этот говорит:

С SVG-шрифтами также нужен #hashtag;

Хештег - это просто указатель на идентификатор шрифта, определенного внутри SVG. Если вы не включите его, будет загружен весь файл SVG, включая заголовки SVG, которые предотвращают распознавание шрифта.