HTML 页面中的字体未正确显示
Font not showing properly in HTML page
我正在使用两个字体系列,1. "Open sans" 2. Colvetica 。我在使用这些字体时遇到了这种问题。
1) 我在 CSS 文件中使用 open sans 这样的“font-family: 'Open Sans';”。它只适用于那些安装了 open sans 的计算机。但在移动设备中,这根本不起作用。
2) 对于 colvetica,我使用了它但没有用。我不知道如何使用它。我使用 colvetica 字体文件但同样的问题。这个字体怎么用?
我需要在同一页面中使用 opensans 和 colvetica。像colvetica一样
,并为
打开
您需要在站点中包含字体,将带有 link 的以太网添加到在线 css 文件中
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
或者您可以使用 @font-face{}
将字体包含到网站中
如何使用 css
托管和嵌入字体文件
<style>
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
</style>
您需要为他们提供下载字体的途径。
放@import url('http://fonts.googleapis.com/css?family=Open+Sans')
在 css 的顶部。
this question by another user.
中对此进行了介绍
您需要使用 Google 字体或@font-face 导入。
在 Google 字体中,您可以通过 HTML 或 CSS:
使用导入
你的 HTML:
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
在你的 CSS:
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
如果在 google.com/fonts, you can create your own font face kit: http://www.fontsquirrel.com/tools/webfont-generator 上找不到您的字体(您可以生成所有内容,包括嵌入字体的 css 代码),因此并非所有字体都可以转换。查看正确的路径url
我正在使用两个字体系列,1. "Open sans" 2. Colvetica 。我在使用这些字体时遇到了这种问题。
1) 我在 CSS 文件中使用 open sans 这样的“font-family: 'Open Sans';”。它只适用于那些安装了 open sans 的计算机。但在移动设备中,这根本不起作用。
2) 对于 colvetica,我使用了它但没有用。我不知道如何使用它。我使用 colvetica 字体文件但同样的问题。这个字体怎么用?
我需要在同一页面中使用 opensans 和 colvetica。像colvetica一样 ,并为
打开您需要在站点中包含字体,将带有 link 的以太网添加到在线 css 文件中
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
或者您可以使用 @font-face{}
如何使用 css
托管和嵌入字体文件<style>
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
</style>
您需要为他们提供下载字体的途径。
放@import url('http://fonts.googleapis.com/css?family=Open+Sans')
在 css 的顶部。
this question by another user.
您需要使用 Google 字体或@font-face 导入。
在 Google 字体中,您可以通过 HTML 或 CSS:
使用导入你的 HTML:
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
在你的 CSS:
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
如果在 google.com/fonts, you can create your own font face kit: http://www.fontsquirrel.com/tools/webfont-generator 上找不到您的字体(您可以生成所有内容,包括嵌入字体的 css 代码),因此并非所有字体都可以转换。查看正确的路径url