微信公众号、内嵌H5字体受微信字体大小影响问题的解决方案

最新推荐文章于 2023-08-11 15:52:12 发布

little_shallot

最新推荐文章于 2023-08-11 15:52:12 发布

阅读量1.2k

点赞数

分类专栏：笔记文章标签：微信 javascript 前端

本文链接：https://blog.csdn.net/little_shallot/article/details/128626278

版权

笔记专栏收录该内容

10 篇文章 0 订阅

订阅专栏

微信公众号、内嵌H5字体受微信字体大小影响问题的解决方案，代码也是之前网上找的，现在记录一下


//微信公众号禁止设置老年字体
;(function() {
	if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
		//判断程序运行环境是否是微信浏览器(微信内置的浏览器)
		handleFontSize()
	} else {
		if (document.addEventListener) {
			document.addEventListener('WeixinJSBridgeReady', handleFontSize, false)
		} else if (document.attachEvent) {
			document.attachEvent('WeixinJSBridgeReady', handleFontSize)
			document.attachEvent('onWeixinJSBridgeReady', handleFontSize)
		}
	}

	function handleFontSize() {
		// 设置网页字体为默认大小
		WeixinJSBridge.invoke('setFontSizeCallback', {
			fontSize: 0
		})
		// 重写设置网页字体大小的事件
		WeixinJSBridge.on('menu:setfont', function() {
			WeixinJSBridge.invoke('setFontSizeCallback', {
				fontSize: 0
			})
		})
	}
})()


body {
	/* IOS禁止微信调整字体大小 */
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}