H5页面动态文案使用艺术字体的解决方案

问题

H5 页面的动态文案需要使用艺术字体，而通常情况下，字体包都是很大的，全部加载肯定是不行的。

那该怎么办呢？

分析

对于普通的 H5 页面需要使用艺术字体，我能想到的解决方案大致是以下几种。

1、静态文案：

直接用图片
用类似 font-spider 的工具将字体库过滤，然后引入。（如果字体库比较大）

2、动态文案：

硬着头皮加载整个字体库（对于移动端来说，如果字体包很大，体验肯定很棒

H5页面动态文案使用艺术字体的解决方案相关推荐
1. html5 页面回退,一种基于浏览器堆栈管理的H5页面动态回退方法与流程
  本技术应用于在浏览器运行的H5应用中,涉及浏览器的History历史堆栈管理技术,尤其是移动端H5应用在浏览器中的History历史堆栈管理技术. 背景技术: 移动端H5应用作为一款基于浏览器历史堆栈 ...
2. 移动端，h5页面1px 1像素边框过粗解决方案
  移动端,h5页面1px 1像素边框过粗解决方案参考文章: (1)移动端,h5页面1px 1像素边框过粗解决方案 (2)https://www.cnblogs.com/uimeigui/p/12150 ...
3. 微信中无法下载APP h5页面在微信中下载APP的解决方案
  很多朋友都已经习惯在微信内分享网页链接和二维码了,通过扫描二维码下载APP或打开网页也成为大家惯用且非常方便的方式了.如此微信就成为了扫描二维码重要的工具,因为对于用户来说,说到二维码大家第一反应就是 ...
4. Vuecli H5页面多屏幕尺寸自适应配置（解决方案）
  教你Vue-cli脚手架里如何配置屏幕自适应! 注意:如果项目中没有until.js文件则在vue.config.js文件中进行配置 const { defineConfig } = require ...
5. 安卓下设置系统字体大小影响H5页面布局
  问题描述: 调整好的h5页面,放在安卓app内嵌页面后布局正常,后来用户调整系统里面字体大小,后内嵌H5布局乱掉问题分析: 因为用户调整了系统字体的大小,修改了根节点和body节点的font-siz ...
6. h5 android 字体设置,解决因为手机设置字体大小导致h5页面在webview中变形的BUG
  解决因为手机设置字体大小导致h5页面在webview中变形的BUG 首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题.我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置 ...
7. html 字体图标不显示不出来了,h5页面字体图标显示不正常
  问题描述开发的是微信公众号的纯静态H5页面,测试发现在iOS上面首次打开会出现字体图标无法显示的问题,并且切换到其它页面,字体图标也是一样无法显示: 只能使用微信的右上角内的刷新选项,所有页面的图标 ...
8. 自定义字体图标android h5不适配,h5页面字体图标显示不正常
  问题描述开发的是微信公众号的纯静态H5页面,测试发现在iOS上面首次打开会出现字体图标无法显示的问题,并且切换到其它页面,字体图标也是一样无法显示: 只能使用微信的右上角内的刷新选项,所有页 ...
9. php h5页面微信登录页面,客户端，微信内置浏览器加载H5页面字体变大问题
  在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法. 首先先把网页自动放大放小的关掉. 安卓解决微信内置浏 ...
最新文章
热门文章

H5页面动态文案使用艺术字体的解决方案

问题

分析

H5页面动态文案使用艺术字体的解决方案相关推荐

最新文章

热门文章