用于font-face CSS的Src文件夹url

时间:2016-09-23 22:10:46

标签: html css fonts font-face font-family

我有一个包含" styles"的文件夹,以及一个包含实际index.html文件的文件夹。我试图让我的index.html文件知道我的font-face网址的来源是" styles"夹。

这是我到目前为止所做的:

@font-face{
font-family: CHERL___.ttf;
src: url(../Style/CHERL___.ttf);
}

我认为这是不正确的,因为它不会加载。识别文件路径的正确方法是什么?

谢谢!

3 个答案:

答案 0 :(得分:0)

从我所看到的,CSS文件是需要找到for(var i = 0; i < bookmakers.length; i++) { $bookmakers.append('<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect"><input id="' + bookmakers[i].id + '-checkbox" type="checkbox" class="mdl-switch__input" checked><span class="mdl-switch__label">' + bookmakers[i].name + '</span></label>'); } 文件的文件。不是索引。

尝试将CS​​S文件和if(typeof componentHandler != 'undefined') componentHandler.upgradeDom(); 文件放在同一个文件夹中。这样,当您在属性URL中调用文件时,您只需要插入.tff文件的名称,如下所示:

.tff

答案 1 :(得分:0)

@font-face{
font-family: CHERL; // Name of the font
src: url(/Style/CHERL___.ttf); 
}

如果您是在没有style.css的情况下直接从index.html调用它,则应使用/Style/CHERL___.ttf

答案 2 :(得分:0)

我猜你已经在你的index.html中调用了style.css。

<link rel="stylesheet" type="text/css" href="Style/style.css">

所以你只需要在你的style.css文件中调用它,如下所示。

@font-face{
font-family: CHERL___.ttf;
src: url(CHERL___.ttf);
}