演示效果

教程

压缩包

https://pan.iculture.cc/s/veCX提取码wsbxyv

首先将压缩包上传至根目录并解压缩

修改css

在ui目录下将weui2.0.css、swiper4.0.css、comm.css、common2.0.css中添加下面代码

body {
	font-family: 'Open Sans', sans-serif;
	font-family: webmo !important;
	font-weight: 400;
	background-color: #fafafa;
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: "nexzhu";
	src: url(../fonts/blockdole.woff2) format("woff2"),
		url(../fonts/blockdole.woff) format("woff"),
		url(../fonts/blockdole.ttf) format("truetype"),
		url(../fonts/blockdole.eot) format("embedded-opentype"),
		url(../fonts/blockdole.svg) format("svg");
}


@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');
}

然后就搞定了！