无论操作系统如何都可以使用的HTML字体?

时间:2017-02-19 22:54:40

标签: html css fonts operating-system

我一直在制作一个网站,但我唯一可以使用的字体是Monospace,Arial和默认(Times New Roman?)我试图找到这样的字体: enter image description here

我试过了: <body style="font-family:tahoma;"><body style="font-family:cabin;">, 和许多其他人,但我找不到任何可行的字体。那些工作的人看起来都一样,非常难看。你知道任何无论操作系统如何都可以使用的字体吗?

3 个答案:

答案 0 :(得分:1)

一个选项是Google Fonts,易于实施。

参考清单链接: Google Fonts

示例:

body {
  font-family: 'Open Sans', sans-serif;
 }     
 .bold { font-weight:600; }

 .bitter { font-family: 'Bitter', serif; }
<!DOCTYPE html>
<html>
<head>
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Bitter|Lato" rel="stylesheet"> 
</head>
<body>

<p>This font is <span class="bold">Open Sans</span></p>
<p class="bitter">This font is <span class="bold">Bitter</span></p>


</body>
</html>

另一种方法是使用Font Squirrel创建自己的字体( Webfont Generator

答案 1 :(得分:1)

Sans Serif

  • Arial字体
  • Arial Black
  • Tahoma
  • Trebuchet MS
  • 宋体

<强>衬线

  • 信使
  • Courier New
  • 佐治亚
  • 时报
  • Times New Roman

<强>等宽

  • 信使
  • Courier New

tornado.web.Finish

答案 2 :(得分:0)

要使所有操作系统中的字体看起来相同,您最好使用Google字体等字体提供商提供的字体 对于您的情况,您可以在标题中添加此行

<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

然后尝试

<body style="font-family:Lato">