Less.js: myfonts.com 的@import url 存在问题

创建于 2013-05-03  ·  6评论  ·  资料来源: less/less.js

你好,
当我想将 myfonts.com 中的字体与 lesscss 一起使用时,我遇到了问题。

要使用字体,我必须将以下代码添加到我的 CSS / LESS 文件中。

@import url("//hello.myfonts.net/count/xyzxyz");

@字体脸{
字体家族:'FrutigerLT-Light';
src: url('schriften/xyzxyz_0_0.eot');
src: url('schriften/xyzxyz_0_0.eot?#iefix') 格式('embedded-opentype'),
url('schriften/xyzxyz_0_0.woff') 格式('woff'),
url('webfonts/xyzxyz_0_0.ttf') 格式('truetype');

}

xyzxyz 是要使用的字体的代码。 我不确定保持它可见是否是个好主意。
但是有了这个导入,less.js 将不再工作。
Firefox给出错误


n 未定义

在styles.less
r.Parser/p. parse@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
w/< @file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
x@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
w@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
g@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
河。 refresh@file :///D:/Homepages/Prokon/less-1.3.3.min.js:9
@file :///D:/Homepages/Prokon/less-1.3.3.min.js:9

@file :///D:/Homepages/Prokon/less-1.3.3.min.js:9

其他浏览器根本不显示字体,当然,less 也不起作用。

我希望,这有助于使它工作。
最好的祝福
基督教

最有用的评论

或 1.4.0 之前的解决方法是

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

所有6条评论

不知道,为什么代码是这样格式化的。
带来不便敬请谅解。

您必须将 css 扩展名添加到@imported文件。
你可以做

<strong i="8">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");

如果您使用较少的 v1.4 测试版

注意:我没有测试过。

或 1.4.0 之前的解决方法是

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

@chricken代码需要包含在反引号中以保留格式。 看到这个:http: //github.github.com/github-flavored-markdown/

好的,我知道了。
谢谢你们 :)

@lukeapage :我不确定这应该关闭。

我刚刚在 CodeKit 中使用 Less 1.7.0 遇到了这个 myFonts 导入问题。 如果在 url 之前没有 (css) 的 import 指令,Less 说它编译成功,而没有。 这对我来说似乎是一个错误。 less 应该会报错,对吧?

例子:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Less 会说它没有写任何东西时它已经成功编译。

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Less 将成功编译。

此页面是否有帮助?
0 / 5 - 0 等级