text自定义字体(代码片段)

author author     2022-11-29     221

关键词:


https://developer.bigcommerce.com/stencil-docs/css-and-design-assets/using-custom-fonts

base.html or components/custom/custom-fonts.html

<style type="text/css" media="screen, print">
    @font-face 
        font-family: "MicrobrewSoftFour";
        src: url("cdn '/fonts/MicrobrewSoftFour.woff2'");
    
    @font-face 
        font-family: "Myriad Pro - Bold Cond";
        src: url("cdn '/fonts/Myriad Pro Bold Condensed.woff2'");
    
    @font-face 
        font-family: 'icomoon';
        src:  url("cdn '/fonts/icomoon.eot?j66uyq'");
        src:  url("cdn '/fonts/icomoon.eot?j66uyq#iefix'") format('embedded-opentype'),
        url("cdn '/fonts/icomoon.ttf?j66uyq'") format('truetype'),
        url("cdn '/fonts/icomoon.woff?j66uyq'") format('woff'),
        url("cdn '/fonts/icomoon.svg?j66uyq#icomoon'") format('svg');
        font-weight: normal;
        font-style: normal;
    
</style>

config.json

"body-font": "MicrobrewSoftFour",
"headings-font": "MicrobrewSoftFour",

关于自定义字体(代码片段)

1.看法不推荐使用:存在版权问题、字体文件过大问题、多浏览器兼容问题、潜在问题(比如应用上去了某些汉字会排列错乱)2.用法<html><head><title>WebFontSample</title><styletype="text/css"media="screen,print">@font-facefon... 查看详情

text自定义变量(代码片段)

查看详情

text自定义控制(代码片段)

查看详情

text自定义选择表单(代码片段)

查看详情

text自定义帖子类型(代码片段)

查看详情

text自定义登录页面(代码片段)

查看详情

text自定义刀片指令(代码片段)

查看详情

text[shadowsocks自定义规则](代码片段)

查看详情

text生成自定义导轨模板(代码片段)

查看详情

text自定义帖子类型插件(代码片段)

查看详情

text注册自定义帖子类型(代码片段)

查看详情

text自定义wpbakery元素(代码片段)

查看详情

text快乐表单自定义css(代码片段)

查看详情

text角度自定义错误处理程序(代码片段)

查看详情

text自定义电子邮件模板(代码片段)

查看详情

text如何添加自定义widget(代码片段)

查看详情

text自定义方案网址conhttphttps(代码片段)

查看详情

text强制自定义cta-联系(代码片段)

查看详情