字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。
美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:
1. 不可能大范围的使用该字体;
2. 图片内容相对使用文字不易修改;
3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。
网络上有一些使用sIFR技术、或javascript/flash hack的方法,但实现起来或繁琐,或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。
外部字体怎么添加?
我wxss里添加了 @font-face 代码,一般来说应该支持的,但还是不支持。 如下:
[mw_shl_code=css,true]
@font-face {
font-family: '字体名称';
src: url("../../resources/font/UKIJTuzTom.eot");
font-weight: normal;
font-style: normal;
}
[/mw_shl_code]
暂时没有想到其他好的方式,就先用如下方式解决了{:5_1373:}
微信小程序 @font-face 里 添加url地址没用, 所以 URL地址替换掉 base64 编吗实现。
1. 先外部字体准备好。 比:(UKIJTzTr.ttf 维吾尔语UKIJ字体)
2. http://transfonter.org/ 网站里 上传字体,选择base64 编吗 ,fotmat后下载 。
3. 下载包里有个 style文件 打开后 代码可以添加到WXSS里 。
KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!
电商无疑是最近几年所有企业,个人创业者都在做的的一件事,但是随着时间的发展,大平台已经基本形成了垄断,商品,内容,物流基本上都形成了霸主地位。这样很多的运营电商平...
随着互联网不断深入后市场,客户需求的不断增加以及消费者的心理愈发理性等条件下,传统的汽车维修业正面临转型。如果说电商是汽车行业转型的一个巨大的因素,那么微信小程序...