Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用SASS在基础电子邮件中添加基础图标 我正在使用基金会NeRB作为电子邮件,我想在我的项目中使用基础图标。我是scss的新手,我试着按照下面的说明操作,但是我没有让它正常运行_Css_Node.js_Email_Zurb Foundation - Fatal编程技术网

如何使用SASS在基础电子邮件中添加基础图标 我正在使用基金会NeRB作为电子邮件,我想在我的项目中使用基础图标。我是scss的新手,我试着按照下面的说明操作,但是我没有让它正常运行

如何使用SASS在基础电子邮件中添加基础图标 我正在使用基金会NeRB作为电子邮件,我想在我的项目中使用基础图标。我是scss的新手,我试着按照下面的说明操作,但是我没有让它正常运行,css,node.js,email,zurb-foundation,Css,Node.js,Email,Zurb Foundation,我在src之外的根目录中创建了一个字体文件夹,并按照我的app.scss文件中的说明添加了以下代码: enter code here $font-path: "../fonts/foundation-icons/foundation-icons"; @font-face { font-family: "foundation-icons"; src: url("#{$font-path}.eot"); src: url("#{$font-path}.eot?#iefix") forma

我在src之外的根目录中创建了一个字体文件夹,并按照我的app.scss文件中的说明添加了以下代码:

enter code here
$font-path: "../fonts/foundation-icons/foundation-icons";
@font-face {
  font-family: "foundation-icons";
  src: url("#{$font-path}.eot");
  src: url("#{$font-path}.eot?#iefix") format("embedded-opentype"),
       url("#{$font-path}.woff") format("woff"),
       url("#{$font-path}.ttf") format("truetype"),
       url("#{$font-path}.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

@import "../fonts/foundation-icons/foundation-icons.css";
在我的页面中,我添加了一个测试图标,但它没有呈现图标

linkedIn默认情况下,scss版本的foundation email不包含图标字体,因为大多数电子邮件客户端不支持图标字体

但是如果你添加了自己的图标字体,或者从基础站点导入了基础字体,就改变了你的$PATH路径:变量指向你相对于CSS文件的字体的正确路径。


不要使用图标字体,而是使用png或jpg图像作为图标

该错误意味着您的@import../font/foundation icons/foundation-icons.css;道路是错误的;在C:\Users\aro\aro\u dev\emailfound\dist\font\foundation-icons中没有名为foundation-icons.css的文件。谢谢!我将使用png或jpg图像,让他们在我的电子邮件工作。