zoukankan      html  css  js  c++  java
  • paip.提升用户体验应用程序调用外部字体的应用..

    paip.提升用户体验----应用程序调用外部字体的应用..


    作者Attilax ,  EMAIL:1466519819@qq.com 
    来源:attilax的专栏
    地址:http://blog.csdn.net/attilax


    和CSS调用外部字体方法
    ///
    和CSS调用外部字体方法
    如果我们在做网页的时候有些字体PC不一定装有这种字体,于是我们可以调用服务器字体,方法如下:
    @font-face{font-family:DigifaceWide; /*调用的字体名字*/ src:url('DigifawWide.ttf'); /*字体文件路径*/} 
    .kingwell{font-family: DigifaceWide; font-size: 18px;}








    支持的字体格式
    /
    获取要应用字体的三种文件款式,确保能在主流涉猎器中都能正常显示该字体。
    .TTF或.OTF,实用于Firefox 3.5、Safari、Opera 
    .EOT,实用于Internet Explorer 4.0+ 
    .SVG,实用于Chrome、IPhone 
    WOFF


    常用字体api
    //
    Google Font API... ms可以提取子集...对于中文减税体积..


    动态子集字符提取..
    /
    中文因为字体较大..只能使用.子集字符技术...只生成需要的字符..




    动态图片
    //
    现在最大的问题在于终端的渲染技术,不同系统不同屏幕上看到的结果是不一样的…
    所以在很长的一段时间之内,想得到“漂亮”的中文字体只能使用图片格式,中文web业界着力要解决的,只是如何载入这些图片的问题,目前一些js的套件已经实现了基本的功能,比如cofun或typeface.js。
    至于WOFF,只能期待在中文字体的实时嵌入技术上有大的突破。




    本地字体占位技术
    //
    先使用本地字体占位,待需要显示的字符下载完毕再进行切换
    只考虑技术层面的话,也许针对兆字节级别的字体,除去你所说的按需下载之外,也可以先使用本地字体占位,待需要显示的字符下载完毕再进行切换。不过相较于字体问题,我个人倒更关心中文竖排相关的排版问题,比如标点符号的自动切换等等。




    参考:
    WOFF和Google Font API « 葵中剑's Blog.htm
    Type is Beautiful » 字体数字化简史与 WOFF.htm
  • 相关阅读:
    WebSocket
    Redis
    Memcached
    Python实现支付宝在线支付
    RabbitMQ
    linux内核优化
    kafka资源
    推荐相关
    机器学习好网站
    逻辑回归(logistic regression)的本质——极大似然估计
  • 原文地址:https://www.cnblogs.com/attilax/p/15199506.html
Copyright © 2011-2022 走看看