Magento2 字体添加 font add


现在大部分的站点都采用了 fontawesome 图标,这样维护起来图标就很简单了
官方Magento2 font 添加,官方给出了两种方式,但试过发现怎么都不行,尝试了另一种方式
例:以luma主题
将 \app\design\frontend\Magento\luma\web\fonts\fonts-Awesome
字体文件存放位置fontawesome-webfont.eot ....

在app\design\frontend\Magento\luma\web\css\
建立font-awesome.less 文件
调用字体
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fonts-Awesome/fontawesome-webfont.eot?v=4.5.0');
src: url('../fonts/fonts-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fonts-Awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fonts-Awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fonts-Awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fonts-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

之后就在
app\design\frontend\Magento\luma\Magento_Theme\layout
default_head_blocks.xml

添加

这样就OK

发表评论
Magento2 技术支持 上门服务

工作时间
周一至周六
9:00-18:00
相关咨询电话
15360669780
侨海科技