Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 有没有办法将字体推送到用户系统中_Html_Css_Fonts - Fatal编程技术网

Html 有没有办法将字体推送到用户系统中

Html 有没有办法将字体推送到用户系统中,html,css,fonts,Html,Css,Fonts,是否有任何方法可以使用用户系统中未安装的字体。 到目前为止,我知道字体样式是以这种方式应用的 .my-style{ font-family:Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; } 如果第一种字体在用户系统中不可用,它将返回使用第二种字体类型 但我注意到谷歌在Google+ body{ font: normal 13px Roboto,arial,sans-serif; } 我的电脑中没有安装Roboto字体。尽管如

是否有任何方法可以使用用户系统中未安装的字体。 到目前为止,我知道字体样式是以这种方式应用的

.my-style{
    font-family:Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
}
如果第一种字体在用户系统中不可用,它将返回使用第二种字体类型

但我注意到谷歌在
Google+

body{
font: normal 13px Roboto,arial,sans-serif;
}

我的电脑中没有安装Roboto字体。尽管如此,Roboto字体还是在Google+中使用。我尝试在示例页面上使用相同的字体样式,但没有成功。

您可以使用Webfonts。谷歌自己也有一个很棒的网页字体集合

看看这个使用谷歌Webfont的精彩例子


身体{
字体系列:“橘黄色”,衬线;
字体大小:48px;
}
让网络变得美丽!
看看这把小提琴,它显示了2个谷歌WebFonts的工作原理橘子和机器人


您可以使用Webfonts。谷歌自己也有一个很棒的网页字体集合

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>
看看这个使用谷歌Webfont的精彩例子


身体{
字体系列:“橘黄色”,衬线;
字体大小:48px;
}
让网络变得美丽!
看看这把小提琴,它显示了2个谷歌WebFonts的工作原理橘子和机器人


这称为@font-face

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>
这是一个很好的资源/工具

简言之,您在CSS中包含一个指向字体的链接,用户在站点上下载并使用这些字体


他们不能在事后访问它们,它们只用于绘制您的网站。

这称为@font-face

这是一个很好的资源/工具

简言之,您在CSS中包含一个指向字体的链接,用户在站点上下载并使用这些字体

他们以后无法访问它们,它们仅用于绘制您的网站。

可能的副本可能的副本