2024年12月1日小编实测 fontke网站打开要会员了，使用时请注意！！
在网站设计中，一些文字（比如 Logo,装饰文字等）使用了特殊字体，但又不想使用图片，引入字体库又太占用资源，所以可以考虑只将使用到的文字生成一个字体文件，在网页中引用压缩后的字体文件。
字体格式在线转换：https://www.fontke.com/tool/convfont/
字体文件太大，如果 是只显示LOGO或特定的文字，所以我们可以直接提取需求的文字即可，尽可能的压缩字体文件；
字体文件在线提取：https://www.fontke.com/tool/subfont/
在页面引入字体
//引入自定义字体
@font-face {
font-family: 'webfont';
font-display: swap;
src: url('//at.alicdn.com/t/webfont_1gqmtvdcodt.eot'); /* IE9 */
src: url('//at.alicdn.com/t/webfont_1gqmtvdcodt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//at.alicdn.com/t/webfont_1gqmtvdcodt.woff2') format('woff2'),
url('//at.alicdn.com/t/webfont_1gqmtvdcodt.woff') format('woff'), /* chrome、firefox */
url('//at.alicdn.com/t/webfont_1gqmtvdcodt.ttf') format('truetype'), /*chrome、firefox、opera、Safari, Android, iOS 4.2+ */
url('//at.alicdn.com/t/webfont_1gqmtvdcodt.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}本站资源均为网友推荐收集整理而来，请勿商业运营，仅供学习和研究，请在下载后24小时内删除！！
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容