eot_eotfast - CSDN
  • 一般情况下引用字体@font-face时,会把woff,eot,svg都引用进去,浏览器根据需要下载不同类型的字体。 IE--.eot; 其它浏览器--.woff; 手机浏览器一般是--.ttf;truetype: 是windows和mac系统最常用的字体格式。...

    一般情况下引用字体@font-face时,会把woff,eot,svg都引用进去,浏览器根据需要下载不同类型的字体。

    IE--.eot;    其它浏览器--.woff;    手机浏览器一般是--.ttf;

    truetype:
    是windows和mac系统最常用的字体格式。

    eot:
    eot是嵌入式字体,是微软开发的技术,允许onetype字体用@font-face嵌入到网页。

    onetype:
    onetype是微软和Adobe共同开发的字体,IE浏览器全部采用这种字体。

    woff:
    woff(web开发字体格式)是一种专门为web而设计的字体格式标准,实际上是对truetype/onetype等字体格式的封装,每个字体文件中含有字体以及针对字体的元数据(Metadata),字体文件被压缩,以便于网络传输。

    svg:
    SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体,还有一种gzip压缩格式的SVG字体。

    如何使用:

    IE只支持微软自有的EOT格式字体,需要用字体转换工具将其转换为EOT格式,其他浏览器都不支持这一字体格式,其它浏览器可以设置TTF(TrueType)和OTF(OpenType)两种字体作为自定义字体。

     

    <span class="logo"></span>

     

    
     
    1. @font-face {

    2. font-family: 'MyWebFont';

    3. src: url('webfont.eot'); /* IE9 Compat Modes */

    4. src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    5. url('webfont.woff2') format('woff2'), /* Super Modern Browsers */

    6. url('webfont.woff') format('woff'), /* Pretty Modern Browsers */

    7. url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */

    8. url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

    9. }

    10.  
    11. #logo{

    12. font-family:

    13. 'MyWebFont', 'PingFang SC',

    14. 'Helvetica Neue','Helvetica',

    15. 'STHeitiSC-Light',"Microsoft YaHei", 'Arial', sans-serif;

    16. font-size: 60px;

    17. }

    font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。
    注意了,“sans-serif”不是某个字体的名称,而是一种在前面叙述的字体都无效时而最终选用的字体,称为浏览器通用字体,它取决于你所用的浏览器默认的通用字体是什么,可能是“Arial”,也有可能是“Helvetica”。
    并始终提供一个类族名称作为最后的选择。

    通常字体系列名称:比如:"serif"(无衬线)、"sans-serif"(衬线)、"cursive"(等宽)、"fantasy"(梦幻)、"monospace"(草体);

    具体DEMO案例,这篇文章比较全。http://www.cnblogs.com/duanhuajian/archive/2013/01/31/2887088.html

     

    注意:使用某种特定的字体系列(Geneva)完全取决于用户机器上该字体系列是否可用;这个属性没有指示任何字体下载。因此,强烈推荐使用一个通用字体系列名作为后路。

     

    网页常用的字体:
    Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。
    Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常。

     

    中文:
    宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。
    微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。
    华文细黑:Mac下的默认中文。

     

    字体引用的优先级

    ios:中文:PingFang 苹方,STHeitiSC-Light 苹果黑体;英文:优先Gotham,Myriad Set Pro;STHeitiSC-Light 苹果黑体;

    windows:yahei 微软雅黑

    font-family:'PingFang SC','Gotham','Myriad Set Pro' ,'STHeitiSC-Light', 'Microsoft YaHei', sans-serifsans-serif;

    展开全文
  • EOT用法

    2010-08-06 11:21:41
    echo &lt;&lt;&lt; EOTHTML输出内容。。。//这里注释照样输出!EOT;Print &lt;&lt;&lt;EOTHTML输出内容。。。//这里注释照样输出!EOT;(注意:内部包含变量用“{变量}”)...

    批量输出HTML内容!

    echo <<< EOT
    HTML输出内容。。。//这里注释照样输出!
    EOT;

    Print <<<EOT
    HTML输出内容。。。//这里注释照样输出!
    EOT;
    (注意:内部包含变量用“{变量}”)

    展开全文
  • eot文件

    2019-07-20 10:10:18
    *.eot文件 是一种压缩字库,目的是解决在网页中嵌入特殊字体的难题2、在网页中嵌入的字体只能是 OpenType 类型,其他类型的字体只有转换成 OpenType 类型(eot格式)的字体才能在网页中进行嵌入。3、网页的呈现根据...

    *.eot文件 是一种压缩字库,目的是解决在网页中嵌入特殊字体的难题
    2、在网页中嵌入的字体只能是 OpenType 类型,其他类型的字体只有转换成 OpenType 类型(eot格式)的字体才能在网页中进行嵌入。
    3、网页的呈现根据个体计算机的不同而不同,最显著的一点就在于对字体表达上面。不同的计算机采用不同的操作系统,浏览器,并且安装了不同的字体。网页设计者无法预知浏览者的计算体安装了什么字体,也就是说不可能了解设计中需要字体在浏览者的计算机中是否存在。若不存在,则该字体涉及的内容不能在浏览者的计算机上正确呈现。
    解决字体呈现的问题常见的有以下几种办法:
    使用图片。
    使用Flash,也就是利用Flash内建的嵌入字体机制来辅助实现。
    使用网页嵌入字体(Web Embed Font)。
    必须要提醒的是,嵌入字体的方法只能在 Microsoft Internet Explorer 浏览器上才可以实现。
    4、使用嵌入字体,必须借助一个软件 —— "Microsoft WEFT [MicrosoftWebEmbeddingFontTool(网页字体嵌入工具)]",这是一个将其他字体转换为OpenType类型字体的工具。可以从http://www.microsoft.com/typography/web/embedding/weft3/download.aspx下载到这个软件。

    转载于:https://www.cnblogs.com/xiatc/p/8944373.html

    展开全文
  • Linux系统中的EOT和EOF

    2017-09-16 00:31:11
    Linux系统中的EOT和EOF EOT usually means End Of Text. 也就是文字结束符号, 这在Linux很常见,如下列状况: [root@centmini ~]# at 22:00 at> reboot  at> job 3 at 2009-09-28 22:00 EOF表示文件...
    Linux系统中的EOT和EOF

    EOT usually means End Of Text. 也就是文字结束符号,

    这在Linux很常见,如下列状况:
    [root@centmini ~]# at 22:00
    at> reboot 
    at> <EOT>
    job 3 at 2009-09-28 22:00

    EOF表示文件结尾,编程的书上一般会有。
    这里也可以用作结尾:
    [wss@centmini ~]$ write root
    ni hao ya
    [root@centmini ~]#
    Message from wss@centmini on pts/1 at 20:25 …
    ni hao ya
    EOF
    展开全文
  • https://www.jianshu.com/p/0fc36e7f7d2e https://www.jianshu.com/p/c0301e632a01
    展开全文
  • EOF、EOT 简单介绍

    2014-10-23 10:13:09
    Heredoc技术,在正规的PHP文档中和技术书籍中一般没有详细讲述,只是提到了这是一种Perl风格的字符串输出技术。但是现在的一些论坛程序,和部分文章系统,都巧妙的使用heredoc技术,来部分的实现了界面与代码的准...
  • ttf转eot ttf字体转eot字体工具 各位有福了
  • eot格式字体怎么安装教程  在电脑里打开任意一个文件夹。然后在文件夹的地址栏输入C:\WINDOWS\Fonts ,然后按回车,即可打开字体文件夹,再把下载的eot格式字体复制进去就OK了。eot格式字体中的Arial字体这样就...
  • 如何生成eot字体

    2018-12-31 19:31:18
    src:url(../images/msyh.eot);} 利用这种方式,就可以在网页上显示用户的系统中不存在的字体。对于保证我们设计的一致性,减少图片的使用是非常有帮助的。 那么如何才能生成对应字体的EOT文件呢?...
  • 这个工具帮您转换其他人的eot 文件转换为自己网页的eot文件。
  • 黑体.eot 格式字体

    2020-07-30 23:32:07
    黑体.eot 格式字体 黑体.eot 格式字体 黑体.eot 格式字体 黑体.eot 格式字体 黑体.eot 格式字体 黑体.eot 格式字体
  • 微软雅黑.eot

    2020-07-23 23:31:13
    微软雅黑.eot
  • php的echo EOT作用

    2018-12-05 22:01:30
    lt;&lt;&lt;...EOT EOT;这个是分界符,不一定是EOT,随便什么字母都可以,只要前后一致就可以在分界符中间 html可以直接输入 先看以下例子,html页面代码:http://www.ya​yihouse.com...
  • PHP在EOT中插入变量

    2019-12-20 17:27:52
    This code is part of a script, when I echo $username</code> alone it shows the real name, but when I put it inside EOT is displaying plain text not the real name.. <p>What am I doing wrong? <pre>...
  • Web 字体简介: TTF, OTF, WOFF, EOT &amp; SVG字体格式有太多选择,不幸的是始终没有一个能在所有的浏览器上通用。这意味着,你必须使用多种字体的方案来保持用户跨平台的一致性体验。本文内容如题,会依次介绍...
  • 字体转换ttf转eot、woff、svg的工具
  • src: url('fonts/TUNGSTEN-BLACK.eot'); src:url('fonts/TUNGSTEN-BOLD.eot'); src: url('fonts/TUNGSTEN-MEDIUM.eot'); src: url('fonts/TUNGSTEN-SEMIBOLD.eot'); src:local('☺'), url('fonts/TUNGSTEN-BLACK.eot...
  • TTF文件转换为EOT文件

    2011-12-23 21:24:45
    1. 工具下载地址:http://code.google.com/p/ttf2eot/downloads/detail?name=ttf2eot-0.0.2-2.zip&amp;can=2&amp;q=   2. 将工具解压放到本地根目录。TTF字体文件与本工具放到同一目录下。如D:\   3...
  • 网页 微软雅黑 ttc ttf eot等所以版本IE需要或支持的字体
  • 字体转换工具,支持TTF 转 EOT、WOFF、SVG三种类型,亲测可用。
1 2 3 4 5 ... 20
收藏数 20,799
精华内容 8,319
关键字:

eot