精华内容
下载资源
问答
  • WoffToTtf转换器 该转换器将woffwoff2字体转换为ttf,反之亦然。
  • 字体转换工具:TTF 转 EOT、WOFF、SVG

    热门讨论 2015-12-09 22:23:24
    字体转换工具,支持TTF 转 EOT、WOFF、SVG三种类型,亲测可用。
  • Java库,用于转换和处理各种字体格式,规范无效字体并从PDF中提取字体。 目前支持 裸CFF-> OpenType / OTF和WOFF 1.0和2.0 OpenType / OTF / TTF-> WOFF 1.0和2.0 WOFF 1.0-> OpenType和WOFF 2.0 EOT(仅未压缩...
  • wariableFont.github.io 演示成功的woff2可变字体转换
  • base转.ttf,woff2转换成.ttf的步骤,如何自定义网站字体,如何将其他网站的字体用于本地系统,本文介绍woff2转换.ttf的方式步骤,让网站更加个性化。

    一.场景1:将woff2转换成.ttf.

         (1)f12调用浏览器控制面板查看network,一定是选中font请求其他过滤掉

         (2)查看左侧请求浏览右侧preview你会看到响应的字体预览

         (3)确认是目标字体后把当前的woff2文件存储到本地,可以是get请求

         (4)后缀需要是woff2,然后打开:https://www.aconvert.com/cn/image/woff2-to-ttf/

         (5)转换之后下载到本地运行安装流程即可


          

    二.场景2:将base64转换成.ttf

         (1)打开f12并且查看没有使用woff2怎么办呢?.

          (2)那可能是在css中使用了base64格式的编码;

           (3)找到css文件,下载到本地或者直接把base64码复制下来:
                    切记只有base64,把
                    data:application/font-woff2;charset=utf-8;base64, 元信息都删除
            (4)将base64转换成woff2;
                     https://www.motobit.com/util/base64-decoder-encoder.asp

            (5)将转换后的.woff2文件再次转换成.ttf,
                     https://www.aconvert.com/cn/image/woff2-to-ttf

    如果想自定义字体,也可以参考本文!!!
    字体转换步骤至此完成!!!

    展开全文
  • iconfont --> ttf 依赖包 svg2ttf npm install -g svg2ttf 使用示例 svg2ttf fontello.svg fontello.ttf var fs = require... 详细内容请查看博客 由iconfont引起的svg、ttf、woffwoff2图标的研究及转换(svgs2fonts)

    iconfont --> ttf

    • 依赖包 svg2ttf

      npm install -g svg2ttf

    • 使用示例

      svg2ttf fontello.svg fontello.ttf

      var fs = require('fs');
      var svg2ttf = require('svg2ttf');
      
      var ttf = svg2ttf(fs.readFileSync('myfont.svg', 'utf8'), {});
      fs.writeFileSync('myfont.ttf', new Buffer(ttf.buffer));
      

    ttf --> eot

    • 依赖包 ttf2eot

      npm install -g ttf2eot

    • 使用示例

      ttf2eot fontello.ttf fontello.eot
      ttf2eot < fontello.ttf > fontello.eot

    ttf --> woff

    • 依赖包 ttf2woff

      npm install -g ttf2woff

    • 使用示例

      ttf2woff fontello.ttf fontello.woff

    ttf --> woff2

    • 依赖包 ttf2woff2

      npm install -g ttf2woff2

    • 使用示例

      cat font.ttf | ttf2woff2 >> font.woff2

      var fs = require('fs');
      var ttf2woff2 = require('ttf2woff2');
      var input = fs.readFileSync('font.ttf');
      fs.writeFileSync('font.woff2', ttf2woff2(input));
      

    svgs --> fonts

    • 依赖包 svgs2fonts

      npm i -g svgs2fonts

    • 使用示例

      svgs2fonts {{srcpath}} {{distpath}} --options

    svgions --> svgfont

    • 依赖包 svgicons2svgfont

      npm install -g svgicon2svgfont

    • 使用示例

      svgicons2svgfont --fontname=hello -o font/destination/file.svg icons/directory/*.svg

      const SVGIcons2SVGFontStream = require('svgicons2svgfont');
      const fs = require('fs');
      const fontStream = new SVGIcons2SVGFontStream({
        fontName: 'hello'
      });
      
      // Setting the font destination
      fontStream.pipe(fs.createWriteStream('fonts/hello.svg'))
        .on('finish',function() {
          console.log('Font successfully created!')
        })
        .on('error',function(err) {
          console.log(err);
        });
      
      // Writing glyphs
      const glyph1 = fs.createReadStream('icons/icon1.svg');
      glyph1.metadata = {
        unicode: ['\uE001\uE002'],
        name: 'icon1'
      };
      fontStream.write(glyph1);
      // Multiple unicode values are possible
      const glyph2 = fs.createReadStream('icons/icon1.svg');
      glyph2.metadata = {
        unicode: ['\uE002', '\uEA02'],
        name: 'icon2'
      };
      fontStream.write(glyph2);
      // Either ligatures are available
      const glyph3 = fs.createReadStream('icons/icon1.svg');
      glyph3.metadata = {
        unicode: ['\uE001\uE002'],
        name: 'icon1-icon2'
      };
      fontStream.write(glyph3);
      
      // Do not forget to end the stream
      fontStream.end();
      

    文章参考链接
    由iconfont引起的svg、ttf、woff、woff2图标的研究及转换(svgs2fonts)

    展开全文
  • 将字体转换WOFF: $sfnt2woff = new \xenocrat\sfnt2woff(); $sfnt = file_get_contents("font.ttf"); $sfnt2woff->import($sfnt); $woff = $sfnt2woff->export(); file_put_contents("font.woff", $woff...
  • from fontTools.ttLib import TTFont def get(): font = TTFont('./tyc-num.woff') font.saveXML('./woff4.xml') 将woff文件转化为xml后,再在pycharm中打开。
    from fontTools.ttLib import TTFont
    def get():
        font = TTFont('./tyc-num.woff')
        font.saveXML('./woff4.xml')

    将woff文件转化为xml后,再在pycharm中打开。

    展开全文
  • woff2ttf 将 WOFF (web) 字体转换为 TrueType (ttf) 格式 例子 <?php $woffFile = 'awesome_font.woff'; $ttfFile = 'awesome_font.ttf'; WOFF2TTF::convert($woffFile, $ttfFile);
  • 这是一个Java库,用于将WOFF字体文件转换为TTF格式。 当前有两个库函数。 两者都接受TTF InputStream作为输入。 convertToTTFByteArray方法返回一个字节数组,而convertToTTFOutputStream方法返回一个...
  • 将TTF文件转换WOFF2的文件。 这是Google 项目的包装器。 如果C ++包装器编译失败,则会 。 用法 命令行界面 全局安装ttf2woff2 ,然后: cat font.ttf | ttf2woff2 > font.woff2 原料药 var fs = require ( 'fs...
  • 这是一个小的实用程序,用于将WOFF文件转换为OTF字体格式。 它使用Python 3,因此您需要先安装它才能运行它。 用法 要运行脚本,只需在命令行中调用它即可: ./woff2otf.py font.woff font.otf 第一个参数是源文件...
  • 找了一天终于找到了@face-font 嵌入中文字体用法和工具,网上转换要不是要钱就是转到了中文。终于找到了分开转换的工具,ttf转换eot, woff, svg转换工具,里面还有实例分享给大家。
  • woffxml解码猫眼网反爬虫机制的爬虫
  • ttf2woff 将 TTF 字体转换WOFF 格式。 这对不同的 webfont 生成工具很有用。 这是原始 woff CLI 工具的 node.js 部分端口 用法 安装: npm install -g ttf2woff 用法示例: ttf2woff fontello.ttf fontello....
  • woff字体文件转xml介绍

    2020-07-28 21:34:56
    初识woff字体文件 首先我们可以利用 fontTools 库把他保存为xml文件进行查看 #encoding: utf-8 from fontTools.ttLib import TTFont font = TTFont(r'C:\Users\Administrator\Desktop\adderss.woff') font.saveXML(r...

    woff转xml

    首先我们可以利用 fontTools 库把他保存为xml文件进行查看

    #encoding: utf-8
    from fontTools.ttLib import TTFont
    
    font = TTFont(r'C:\Users\Administrator\Desktop\adderss.woff')
    font.saveXML(r'C:\Users\Administrator\Desktop\adderss.xml')
    

    xml文件解析

    接下来我们打开xml文件 可以看到他里面主要包含有 GlyphOrder 字形排序、cmap 存储 unicode跟 Name的映射关系、glyf 绘画字形的信息。
    例如:
    在这里插入图片描述
    举例
    在img1中我们可以看到 GlyphOrder排序id为3的对应unie761 然后img2中cmap 的unie761与0xe761 对应 在img3 中可以看到 name为unie761他下面存在轮廓线条。接下来我们就把那个contour用matplotlib描绘一下。

    matplotlib描绘图片

    这里用matplotlib对glyf的坐标进行描绘

    #encoding: utf-8
    import matplotlib.pyplot as plt
    import re
    
    str = """
          <contour>
            <pt x="310" y="728" on="1"/>
            <pt x="202" y="728" on="0"/>
            <pt x="69" y="585" on="0"/>
            <pt x="68" y="465" on="1"/>
            <pt x="150" y="465" on="1"/>
            <pt x="152" y="560" on="0"/>
            <pt x="194" y="608" on="1"/>
            <pt x="233" y="659" on="0"/>
            <pt x="307" y="658" on="1"/>
            <pt x="377" y="658" on="0"/>
            <pt x="455" y="587" on="0"/>
            <pt x="455" y="521" on="1"/>
            <pt x="455" y="452" on="0"/>
            <pt x="400" y="393" on="1"/>
            <pt x="372" y="364" on="0"/>
            <pt x="288" y="304" on="1"/>
            <pt x="175" y="226" on="0"/>
            <pt x="133" y="177" on="1"/>
            <pt x="62" y="98" on="0"/>
            <pt x="62" y="0" on="1"/>
            <pt x="538" y="0" on="1"/>
            <pt x="538" y="73" on="1"/>
            <pt x="163" y="73" on="1"/>
            <pt x="183" y="145" on="0"/>
            <pt x="319" y="237" on="1"/>
            <pt x="430" y="313" on="0"/>
            <pt x="467" y="352" on="1"/>
            <pt x="537" y="427" on="0"/>
            <pt x="537" y="614" on="0"/>
            <pt x="409" y="728" on="0"/>
          </contour>
    """
    
    x = [int(i) for i in re.findall(r'<pt x="(.*?)" y=', str)]
    
    y = [int(i) for i in re.findall(r'y="(.*?)" on=', str)]
    
    plt.plot(x, y)
    
    plt.show()
    

    结果图片在这里插入图片描述
    从结果图中可以看到2,他就是所要表达的数字

    展开全文
  • python字体文件woff转xml

    千次阅读 2019-06-11 17:01:24
    from fontTools.ttLib import TTFont def get(): font = TTFont('./tyc-num.woff') font.saveXML('./woff4.xml')
  • 字体转换ttf转eot、woff、svg

    热门讨论 2015-07-29 09:25:11
    字体转换ttf转eot、woff、svg的工具
  • 用于的Ruby包装器,可用于将字体转换为不同的格式(TTF,OTF,WOFF,SVG) gem "fontforge-ruby" 安装 此gem需要安装FontForge命令行工具。 有关安装的更多信息,请参考。 Linux(基于Debian) sh sudo add-apt-...
  • 支持.woff和.woff2,功能比较齐全,唯一不好的是广告稍多。 字客网字体文件转换类型截图 Convertio 是美国的一家文件在线转换网站,除了字体外也做图片、音视频等文件不同格式间的转换...
  • ttf字体转换woff2网页字体快捷方法

    千次阅读 2019-02-24 00:25:17
    有时候我们找到不错的字体用在网页上,一般网页都默认微软雅黑。活动时候需要弄点特别的字体在网页上,这时候就可以用字体转换了。ttf转woff2。   转换地址:https://www.toolnb.com/tools/fonttowoff2.html...
  • 使用在线网站工具进行转换 网站地址:IcoMoon 步骤 点击“Import Icons”上传svg图片(svg最好是一个合并的图形,多个分开的图形会导致使用起来很麻烦) 选中上传的图形,点击右下角“Generate Font”生成字体。 ...
  • 目前移动端webfont字体使用越来越广泛,由于缺少比较好的自动化工具,开发者在修改字体图标时需要在2个平台进行转换(svg转ttf再转woff2,woff2普遍不支持)才能完成字体生成工作。 经过调研,基于改造成fis插件,实现...
  • 《由iconfont引起的svg、ttf、woffwoff2图标的研究及转换》 1、背景 最近在研究IconFont实现图标的管理,玩着玩着,就有种做成项目管理的冲动,不过工作了3年多的我,仍然呆在原公司原地踏步(跳槽啥的你...
  • 它基于 Juanjo Garcia 对来自原始 MIT Lisp Machines 的 CPTFONT 的 PCF 位图转换。 此库中的字体是基于 src 目录中包含的 13 点 PCF 的矢量字体。 用于转换的 FontForge 文件也包含在src/LispM.sfd 。 使用这种...
  • https://transfonter.org/ 导出后
  • 提供了四个字重的压缩版,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 细体 font-family: PingFangSC-Light, sans-serif; 苹方-简 中黑体 font-family: PingFang...
  • 本地字体转换 ttf转成woff2格式 各种找线上转换工具,各种下载软件都搞不定,最后发现自己动手分分钟完事~开搞! 1.安装gulp npm install gulp 2.安装python 地址:https://www.python.org/downloads/windows/ 直接...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,513
精华内容 1,805
关键字:

woff转换