• 十三章:使用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。

  • 相关阅读:
    JS高级---沙箱小案例
    JS高级---沙箱
    JS高级---闭包案例,点赞
    JS高级---闭包案例,产生多个相同的随机数
    JS高级---闭包小案例
    JS高级---闭包
    JS高级---作用域,作用域链和预解析
    JS高级---函数作为返回值使用拓展,排序
    JS高级---函数作为参数使用
    c# 格式化字符串
  • 原文地址:https://www.cnblogs.com/koto/p/5011683.html
Copyright © 2020-2023  润新知