zoukankan      html  css  js  c++  java
  • 十三章:使用WEB字体

    1.WEB字体可以使用一系列文件类型,下面介绍三种字体类型:

    (1)内嵌OpenType

    (2)TrueType和OpenType台式机使用的标准字体文件类型

    (3)WEB开放字体格式。

    2.构造子集:节省页面重量的一种方法是构造子集,构造子集是通过仅包含确定使用字符削减实际字体大小的方法。

    3.在网站上使用Web字体有两种方式:自托管和Web字体服务。

    (1)自托管Web字体来源于你自己的服务器,就像其他的资源一样。如果需要与字体相关的花费也是一次性的购买支出。

    (2)Web字体服务:通常提供订购Web字体的方法。这种方式是按月或年支付使用字体的版权费用而不是彻底的买断字体。

    4.使用Web字体设置文本样式:

    (1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

    (2)为常规文本准备的@font-face样式规则复制到你自己的样式中

    (3)将字体文件复制到包含你样式表的文件夹中。

    (4)对font-family进行重命名,让该名称成为字体的代号。

    (5)使用你最熟悉的方法,创建为文本元素添加样式的规则。为应用Web字体,在样式规则中输入font-f:‘web font name’;其中的web font name是上一步骤创建的名字。

    5.为Web字体应用斜体步骤:

    (1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

    (2)为常规文本准备的@font-face样式规则复制到你自己的样式中

    (3)将斜体字体文件复制到包含你样式表的文件夹中。

    (4)对font-family进行重命名,让该名称成为字体的代号。

    (5)将斜体文本@font-face样式规则中的font-style值改为font-style:italic。

    6.为Web应用粗体步骤:

    (1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

    (2)为常规文本准备的@font-face样式规则复制到你自己的样式中

    (3)将斜体字体文件复制到包含你样式表的文件夹中。

    (4)对粗体文本@font-face样式规则中的font-family值进行重命名,使之与针对常规文本的样式规则中的名称保持一致。

    (5)将粗体文本@font-face样式规则中的font-weight值改为font-weight:bold。

    7.为Web字体应用粗斜体的步骤:

    (1)从下载的ZIP文件中的web fonts文件夹找到stylesheet.css文件。

    (2)为常规文本准备的@font-face样式规则复制到你自己的样式中

    (3)将斜体字体文件复制到包含你样式表的文件夹中。

    (4)对粗斜体文本@font-face样式规则中的font-family值进行重命名,使之与针对常规文本的样式规则中的名称保持一致。

    (5)将粗体文本@font-face样式规则中的font-weight值改为font-weight:bold,同时将斜体文本@font-face样式规则中的font-style值改为font-style:italic。

  • 相关阅读:
    LVS负载均衡原理详解和使用
    Linux---RPM和YUM
    【Codeforces】CF Round #676 (Div. 2)
    莫队学习笔记
    AtCoder Beginner Contest 187 题解
    【CodeForces】 Educational Codeforces Round 94
    【CodeForces】CF Round 649 (Div.2)
    【CodeForces】CF Round 648 (Div.2)
    【AtCoder】ABC 169
    【题解 LOJ2546「JSOI2018」潜入行动】
  • 原文地址:https://www.cnblogs.com/koto/p/5011683.html
Copyright © 2011-2022 走看看