webkit对接woff字体

webkit对接woff字体Webkit 对接 Woff 字体 nbsp nbsp nbsp nbsp nbsp 最近使用 webkit 浏览器登录一些网页的时候 发现网页上有好多字体跟我在 chrome 浏览器或者火狐浏览器上显示都不一样 于是乎深入研究了一下 把页面下载下来 发现某些页面的字体都是自定义的 family 然后他们的字库除了 ttf 格式 还有 otf woff woff2 等 nbsp nbsp nbsp nbsp nbsp nbsp 看 webkit 代码 FontCustomPl cpp

Webkit对接Woff字体

      最近使用webkit浏览器登录一些网页的时候,发现网页上有好多字体跟我在chrome浏览器或者火狐浏览器上显示都不一样,于是乎深入研究了一下,把页面下载下来,发现某些页面的字体都是自定义的family,然后他们的字库除了ttf格式,还有otf、woff、woff2等。

       看webkit代码FontCustomPlatformData.cpp下,在supportsFormat函数里代码如下:

bool FontCustomPlatformData::supportsFormat(constString& format) { returnequalIgnoringCase(format, "truetype") || equalIgnoringCase(format,"opentype") #ifUSE(OPENTYPE_SANITIZER) || equalIgnoringCase(format,"woff") //注:这里想要支持woff2字体,ots是支持的,只需要在此处再添加一个条件就可以了,你懂的 #endif ; }

咋一看发现,webkit默认是支持ttf和otf的,至于woff是用OPENTYPE_SANITIZER这个宏给给开了,于是我想抱着侥幸的心态尝试一下,直接在编译选项里面添加这个宏,编译一下试试,以后就大功告成了,结果编译失败!!!

       看失败的原因,我找到了这个FontCustomPlatformData.cpp下的createFontCustomPlatformData函数,发现OpenTypeSanitizer这个类,这个类在头文件声明了,没有cpp文件,类里面声明的方法也未实现,一看就知道是个porting,没有开发,既然想要这个,就去网上找呗。于是我直接在网上搜OpenTypeSanitizer.cpp,还真有,是于是把它下载下来,放进去编译,这个文件大家在百度里面搜,第一个就是了。

       看这个文件还需要一些头文件

#include”opentype-sanitiser.h”

#include”ots-memory-stream.h”

网上一搜,需要ots库,于是乎又去网上下载了ots源代码,按照INSTALL里面的指示,编译OTS库,编译中libots.so还需要brotlilzma_sdk三方库,我下载的源代码有lzma_sdk源代码,所以我又去下载了brotli的源代码。发现libots.so只引用到brotli下dec目录下的头文件,于是直接去dec目录编译一个动态库,自己取名叫libdec.so,然后用编过了,最后生成了libots.solibots_lzma_sdk.so

编译成功后,将三个库路径和头文件路径添加到webkit配置里,编译完成。

       自己写了个简单的测试用例:

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type" content="text/html;charset=utf-8" /><title>无标题文档</title></head><style>       .webfont {              text-align: left;              font-family: 'Trade Winds';              width: 173px;              height: 35px;              float: left;              margin-left: 23px;       }       @font-face {               font-family: 'Trade Winds';               font-style: normal;               font-weight: 400;               src:url(http://fonts.gstatic.com/s/tradewinds/v5/P7L1H4TWVDNJivDGg_--QI4P5ICox8Kq3LLUNMylGO4.woff2)format('woff2');       }</style><body>       <pclass="webfont">ABCDE</p></body></html> 

发现字体确实跟chrome一样了,大功告成!!!

PS:因为我是linux平台,在CachedFont.cpp文件下的ensureCustomFontData函数,发现传进来的data为wOFF,结果执行完

#if (!PLATFORM(MAC) || __MAC_OS_X_VERSION_MIN_REQUIRED<= 1090) && (!PLATFORM(IOS) || __IPHONE_OS_VERSION_MIN_REQUIRED <80000) RefPtr<SharedBuffer> sfntBuffer; fontIsWOFF= isWOFF(buffer); //modify  2015.1.11 for not support woff if(fontIsWOFF) { Vector<char> sfnt; if(convertWOFFToSfnt(buffer, sfnt)) { sfntBuffer = SharedBuffer::adoptVector(sfnt); buffer = sfntBuffer.get(); } else buffer = nullptr; } #endif

这段代码,data为空了,所以直接干掉……(请原谅我的任性)






版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/231600.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 自学Java开发一般需要多久?

    自学Java开发一般需要多久?自学Java开发一般需要多久?相信有很多想转行或者想学习Java的人都会关注这个问题!那我们今天就来说一下这个问题,具体需要多久呢?这个时间因人而异,毕竟每个人的学习能力和效率都是不同的!打个比方,如果你是零基础,每天学习8小时,基本上每天都按时学习的话,大概需要半年多的时间,就能学的差不多了!如果你本身就会C或C++语言,那么Java对你来说也许会简单许多,学起来自然就快了!下面就给大家简单说一下学习方法,让你尽可能快的学会Java!学习路线:…

    2022年7月8日
    29
  • jquery关于checkbox选中和不选中的问题

    jquery关于checkbox选中和不选中的问题近期由于项目需要,用到了列表checkbox,在点击被考核人的一行时,check不选中,然后解决方法是  //点击被考核人列表  $(“table.be_assess-employee-container”).on(“click”,”tr.content”,function(){    if($(this).hasClass(“on”)){    

    2022年6月29日
    24
  • Zend 3.3.0安装 ZendOptimizer 3.3.0 for Windows 稳定版 下载

    Zend 3.3.0安装 ZendOptimizer 3.3.0 for Windows 稳定版 下载

    2021年11月17日
    43
  • futex机制介绍「建议收藏」

    futex机制介绍「建议收藏」1、概念futex:asortoffast,user-spacemutualexclusionprimitive. Futex是一种用户态和内核态混合的同步机制。首先,同步的进程间通过mmap共享一段内存,futex变量就位于这段共享的内存中且操作是原子的,当进程尝试进入互斥区或者退出互斥区的时候,先去查看共享内存中的futex变量,如果没有竞争发生,则只修改futex,而不用…

    2022年4月19日
    70
  • jquery怎么写ajax_js中ajax写法

    jquery怎么写ajax_js中ajax写法一、第一种:$.post("url",{"func":"getNameAndTime"},function(data,status){ },"json");二、第二种$.ajax({type:"GET",url:"",data:{},

    2022年9月30日
    5
  • 服务器证书类型有哪些

    服务器证书类型有哪些安装在网站上的服务器证书还有另一称谓就是 SSL 证书 我们在购买这一证书的时候 关键的一点是要明确服务器证书类型 才能为网站挑选到适合的 SSL 证书 那么 服务器证书类型有哪些 今天小编就来为各位介绍下 服务器证书类型有哪些服务器证书分为域名型证书 组织型证书 扩展型证书三种 该如何选择往往取决于网站的应用场景 常用的 SSL 证书主要是域名型证书 DV 分为三种 单域名证书 多域名证书 通配符证书 从字面意思我们也能大概理解单域名证书就是只针对用户只有一个域名的情况 一个域名对应一个证书 通常用于比

    2025年11月18日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号