相关疑难解决方法(0)

在Web浏览器上使用.otf字体

我正在一个需要在线字体试用的网站上工作,我所拥有的字体都是.otf

有没有办法嵌入字体并让它们在所有浏览器上运行？

如果没有,我还有其他选择吗？

html css fonts font-face

Nar*_*uto

2013 03-22

402
推荐指数

2
解决办法

48万
查看次数

我们为什么要在font-face中包含ttf,eot,woff,svg,....

在CSS3 font-face,有多个字体类型包括等ttf,eot,woff,svg和cff.

我们为什么要使用所有这些类型？

如果它们对于不同的浏览器是特殊的,为什么它们的数量大于主要Web浏览器的数量？

css3 webfonts font-face

use*_*948

2017 04-20

276
推荐指数

3
解决办法

13万
查看次数

下载Google字体并设置使用它的离线网站

我有一个模板,它有一个像这样的Google字体的引用:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'>

Run Code Online (Sandbox Code Playgroud)

如何下载并将其设置为在我一直在线下运行的页面中使用？

css fonts offline google-fonts

use*_*954

2018 05-21

126
推荐指数

5
解决办法

14万
查看次数

如何离线托管 Material Design 图标？

我想为我的离线 Web 开发项目离线托管 Material Icons（我部署的计算机上没有互联网）。从我的谷歌搜索中，我找到了这个答案。但这对我不起作用。我的问题是如何让它发挥作用。如何为我的离线项目离线托管材料设计图标？

我已在此处附加了 SSCCE 项目的 .zip 文件，该文件重现了该问题。

基本上我从这里下载了MaterialIcons-Regular.eot、MaterialIcons-Regular.ttf、MaterialIcons-Regular.woff和MaterialIcons-Regular.woff2将它们放在我的项目目录中。

这是我的索引文件：

<!DOCTYPE html>

<html>

<head>
    <title>MaterializeTest</title>

    <link rel="stylesheet" href="material-fonts.css" />
    <link type="text/css" rel="stylesheet" href="materialize.min.css" />

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1"/>

    <script src="jquery.min.js"></script>
    <script src="materialize.min.js"></script>
</head>

<body>
    <a href="#!"><i class="material-icons">chevron_left</i></a>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

这是 CSS 文件。

@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(MaterialIcons-Regular.woff2) format('woff2'), …

Run Code Online (Sandbox Code Playgroud)

javascript css materialize material-design google-fonts

Shy*_*Shy

lucky-day

4
推荐指数

1
解决办法

9773
查看次数

当计算机处于联机状态时，该代码非常有用。但是，当计算机脱机时，菜单按钮图标不会显示。而是将其替换为文本“ MENU”。我已经研究过通过npm安装（vue-material-design-icons，material-design-icons和material-design-icons-iconfont），但是在计算机脱机时没有任何运气可以显示图标。我不确定是否有一种我不知道的特殊方式将其连接在一起。谁能提供有关如何解决此问题的见解？