让web更漂亮-24款逐浪webfont字体引用方法开放

[官方新闻] 作者:三江堂主 浏览次数: 19/08/16 22:24

逐浪webfont字库全面升级,请移步www.ziti163.com/webonft体验获取。



本文由逐浪官方发布于2015年6月11日,最后更新时间:2019年8月16日

 

一共24款字体,分别对应:

逐浪经典粗黑体    zFont1

逐浪时尚钢笔体    zFont2

伟人毛体               ZoomlaXingtiJ6

逐浪新宋超细体    ZoomlaXSongExtraLight

逐浪重圆体        ZoomlaChongyuan-A006

逐浪创意流珠体    Zoomlaliuzhu-A007

逐浪日系楷体    ZoomlaRixi-A013

逐浪哥特真爱体    ZoomlaGetelove-A014

逐浪圆体            ZoomlaYuan-A016

逐浪创意婉约体    ZoomlaWuanYue-A017

逐浪丫玉体        ZoomlaYayu-A019

逐浪小雪钢笔体    Zoomlaxiaoxue-A020

逐浪硬行体        ZoomlaYingXing-A024

逐浪湘教钢笔体    ZoomlaXiangJiao-A025

逐浪小霞硬楷体    ZoomlaXiaoxia-A027

逐浪帅宋斜楷体    ZoomlaShuaisong-A028

逐浪投影透视黑体    ZoomlaTouyinghei-A032

逐浪线楷彩色字    ZoomlaCaise-A040

逐浪文宣剪纸体    ZoomlaWenxuan-A043

逐浪新隶体        ZoomlaJianmingLi-A047

逐浪盖世英雄狂草体    ZoomlaGaiShiHero-A050

逐浪像素字            ZoomlaXiangsu-A051

逐浪报人书法行体    Zoomlabaoren-A102

逐浪金农书法体    ZoomlaJinnong-A106


*注:所有字库支持SSL读取(即以https:// 方式引用)。

 

示例:逐浪盖世英雄狂草体webfont引用:
@font-face{font-family:'ZoomlaGaiShiHero-A050';/*逐浪盖世英雄狂草体*/
    src: url('font/ZoomlaGaiShiHero-A050.eot?#iefix'); /* IE9 */
    src: url('font/ZoomlaGaiShiHero-A050.eot?#iefix') format("embedded-opentype"), /* IE6-IE8 */
    url('font/ZoomlaGaiShiHero-A050.woff') format("woff"), /* chrome、firefox */
    url('font/ZoomlaGaiShiHero-A050.ttf') format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url('font/ZoomlaGaiShiHero-A050.svg#ZoomlaGaiShiHero-A050') format("svg"); /* iOS 4.1- */
    font-style: normal; font-weight: normal;}
.Youcss{font-family:"ZoomlaGaiShiHero-A050";}
字体效果:

2222.jpg

  


111.jpg




配合zico图标使用,则效果更好: 

1111.png

 

 


提示:在word或wordpad中输入四位UNI码,按ALT+X可以输出相关字形,也可以直接拷上面字形。


欢迎使用逐浪云字库,官方网址:

www.ziti163.com/webfont


zico项目地址:ico.z01.com


 


点此关闭窗口

快捷键ESC

手机浏览更方便: