Question

所有。我经常引用SO并欣赏社区和专业知识。很棒的网站！我是一个小道成员，所以忍受我。

问题：未加载/显示嵌入文件

ROOT DIR有两个目录：插件和项目

插件有文件mycss.css和4个字体文件（2 woff，2 ttf）

mycss.css

@font-face {
  font-family: 'ALG';
  src: url('ALGbvs.woff') format('woff'),
       url('ALGbvs.ttf') format('truetype');
}
@font-face {
  font-family: 'BVS';
  src: url('BitstreamVeraSans.woff') format('woff'),
       url('BitstreamVeraSans.ttf') format('truetype');
}

index.html包含（摘录）

<head>
...
<!-- font-family: ALG and BVS -->
<link href="../plugins/mycss.css" rel="stylesheet" type="text/css" />
...
<style>
body {
font-family: ALG;
  background-color: #F9EFE2;
  margin: 0;
}
</style>
</head>

我以为我正确引用了css文件和字体，但它们没有在正文中加载/显示。我错过了什么？感谢所有阅读和回复。

Answer 1

首先使用 @ font-face 更加通用的方式，如

使用此font-face生成器工具为所有主要浏览器生成font-face文件Font-Face Generator

puts "Some words #{Lookup1[input[2]].inspect.tr("[]", "()")} some more words"

然后检查您是否正确提及字体文件路径，让我们假设您所有字体的文件夹都说＆＃39; myfont ＆＃39;在您保存css文件的同一文件夹中。

然后您的正文标记就像，

@font-face {
    font-family: "ALG";
    src: url("myfont/ALGbvs.eot");
    src: url("myfont/ALGbvs.eot?#iefix") format("embedded-opentype"),
         url("myfont/ALGbvs.woff") format("woff"),
         url("myfont/ALGbvs.ttf") format("truetype"),
         url("myfont/ALGbvs.svg#ALG") format("svg");
    font-weight: normal;
    font-style: normal;
}

Answer 2

您错过了在CSS中定义来源。添加如下所示的完整字体网址：

@ font-face {src：url（＆＃34; ../ plugins / ALGbvs.ttf＆＃34;）;}

外部css和@ font-face

2 个答案: