css - 为什么字体样式在外部样式表中不起作用？

Question

我正在定义并使用我的自定义字体。在内部样式表中这工作正常，但当我在外部样式表中使用它时它不起作用。
这是我的代码:

@font-face
 {
    font-family: A1Tahoma;
    src: url('Fonts/a1tahoma.eot') format('eot')
         , url('Fonts/a1tahoma.ttf') format('truetype')
         , url('Fonts/a1tahoma.woff') format('woff')
         , url('Fonts/a1tahoma.svg') format('svg'); 


   /* font-weight: normal;
    font-style: normal;*/
} 
  body,.test1 
{

 font-family:A1Tahoma; font-weight: bold;font-style: normal;

}  
<div class="test1">این خط را باید با نوع فونت تاهما ببینید<br />همچنین عدد 125420 به صورت فارسی تایپ شده است.</div>

你能帮帮我吗？

Answer 1

我怀疑这与样式表中的相对 URL 有关。外部样式表是否与您的 html 页面位于同一位置？ url('Fonts/...') 中的路径必须从 CSS 的位置开始工作。例如，如果您具有以下结构:

index.html
Fonts/a1tahoma.eot
css/styles.css

然后您需要将 URL 更改为 src: url('../Fonts/a1tahoma.eot')