html - @font-family，奇怪的字体名称 - 我可以重命名吗？

Question

例如，我使用的是 04B_19__ 字体，它肯定是一个奇怪的名字，如果可能的话我想重命名它。以下是我当前的代码如何使用@font-family 来实现它:

@font-face {
  font-family: '04B_19__';
  src: url('<%= font_path('04b_19__-webfont.eot') %>');
  src: url('<%= font_path('04b_19__-webfont.eot') %>t') format('embedded-opentype'),
  url('<%= font_path('04b_19__-webfont.woff') %>') format('woff'),
  url('<%= font_path('04b_19__-webfont.ttf') %>') format('truetype'),
  url('<%= font_path('04b_19__-webfont.svg#04B_19__') %>') format('svg');
}

将字体重命名为更通用的名称的最佳方式是什么，例如:“boxy-font”。

Answer 1

font-family 只是您分配给该字体文件集合的名称。

你可以把它改成:

@font-face {
  font-family: 'boxy-font';
  src: url('<%= font_path('04b_19__-webfont.eot') %>');
  src: url('<%= font_path('04b_19__-webfont.eot') %>t') format('embedded-opentype'),
  url('<%= font_path('04b_19__-webfont.woff') %>') format('woff'),
  url('<%= font_path('04b_19__-webfont.ttf') %>') format('truetype'),
  url('<%= font_path('04b_19__-webfont.svg#04B_19__') %>') format('svg');
}

一切都会正常进行。