灯泡 w3c html,分享目前小灯泡官网用的字体nexzhu和webmo

其实这个字体我也不知道是不是叫nexzhu，字体也是从其他网站分享而已，管他那么多，能用还在乎名字吗？

字体效果：

用法：

放到主题样式里面：@font-face {

font-family: "nexzhu";

src: url(../spimes/fonts/blockdole.woff2) format("woff2"),

url(../spimes/fonts/blockdole.woff) format("woff"),

url(../spimes/fonts/blockdole.eot) format("embedded-opentype"),

url(../spimes/fonts/blockdole.svg) format("svg");

}

路径呢，自己改，每个主题文件夹都不同其中blockdole.svg是没有的，但是缺少这一行，又不会显示，所以可以自行研究一下

然后再在body里面定义body {

font-family: nexzhu;

}

这样就可以顺利调用了……

webmo字体用法@font-face {

font-family: 'webmo';

font-display: swap;

src: url('../fonts/webmo.eot');

src: url('../fonts/webmo.eot?#iefix') format('embedded-opentype'),

url('../fonts/webmo.woff2') format('woff2'),

url('../fonts/webmo..woff') format('woff'),

url('../fonts/webmo..ttf') format('truetype'),

url('../fonts/webmo..svg') format('svg');

}

顺便科普一下：

关于web中的字体, .woff, .eot, .svg

TrueType

Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

EOT– Embedded Open Type (.eot)

EOT是嵌入式字体，是微软开发的技术。允许OpenType字体用@font-face嵌入到网页并下载至浏览器渲染，存储在临时安装文件夹下。

OpenType(.otf)

OpenType是微软和Adobe共同开发的字体，微软的IE浏览器全部采用这种字体。致力于替代TrueType字体。

WOFF–WebOpen Font Format (.woff)

WOFF(Web开发字体格式)是一种专门为了Web而设计的字体格式标准，实际上是对于TrueType/OpenType等字体格式的封装，每个字体文件中含有字体以及针对字体的元数据(Metadata)，字体文件被压缩，以便于网络传输。

SVG(Scalable Vector Graphics) Fonts (.svg)

SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体，还有一种gzip压缩格式的SVG字体。

IE浏览器：EOT

Mozilla浏览器：OTF，TTF

Safari浏览器：OTF，TTF，SVG

Opera：OTF，TTF，SVG

Chrome浏览器：TTF，SVG