账户中心 退出系统
普通版本 weex版本

graceUI - weex 教程 - 使用字体

Weex 提供 DOM.addRule 以加载自定义字体。开发者可以通过指定 font-family加载 iconfont 和 custom font。

开发者可以使用下面的代码加载自定义字体:

const domModule = weex.requireModule('dom')
domModule.addRule('fontFace', {
    'fontFamily': "iconfont2",
    'src': "url('http://at.alicdn.com/t/font_1469606063_76593.ttf')"
});

完整演示

<template>
	<div>
		<text class="text myicons">&#xe621; hi</text>
	</div>
</template>
<script>
export default {
	data() {
		return {}
	},
	beforeCreate : function(){
		const domModule = weex.requireModule('dom')
		domModule.addRule('fontFace', {
			'fontFamily': "myiconfont",
			'src': "url('http://at.alicdn.com/t/font_823462_rlm1lr3znpo.ttf')"
		});
	},
	created : function(){

	},
	methods: {}
}
</script>
<style>
.text{width:750px; height:200px; background-color: #007AFF; margin:10px 0; font-size:50px; text-align:center; line-height:200px; color:#FFFFFF;}
.myicons{font-family:myiconfont; line-height:100px; font-size:60px;}
</style>