如何使用SASS在基础电子邮件中添加基础图标 我正在使用基金会NeRB作为电子邮件,我想在我的项目中使用基础图标。我是scss的新手,我试着按照下面的说明操作,但是我没有让它正常运行
我在src之外的根目录中创建了一个字体文件夹,并按照我的app.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
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图像,让他们在我的电子邮件工作。