分享目前小灯泡官网用的字体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
能重复在发一下吗,无法下载了
问题来了,没有购买主题,是否能分享一下字体:大哭:
@inkeds2
是我瞎了。顺便查清楚了,nexzhu是方正锐正圆,webmo是和音by宁静之雨
@inkeds2
不清楚……觉得好看,就要过了