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

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

字体效果:

QQ图片20201208172504.png

用法:

放到主题样式里面:

@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

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/820
4 条评论
6.3k

发表评论

已有 4 条评论

  1. 54447454     Win 10 /    Chrome
    2024-10-31 10:15

    能重复在发一下吗,无法下载了

  2. inkeds2     Win 10 /    Chrome
    2021-08-07 23:44

    问题来了,没有购买主题,是否能分享一下字体:大哭:

    1. inkeds2     Win 10 /    Chrome
      2021-08-08 00:46

      @inkeds2

      是我瞎了。顺便查清楚了,nexzhu是方正锐正圆,webmo是和音by宁静之雨

      1. 【管理员】Vv     Win 10 /    Chrome
        2021-08-09 08:58

        @inkeds2

        不清楚……觉得好看,就要过了

小灯泡设计

版权申明:本素材由本站发布,用户购买后只有终端使用权,禁止转售和转载

!