字体CSS的Src文件夹 url

我有一个文件夹有“样式”,一个文件夹与实际的 index.html 文件。我试图让我的 index.html 文件知道我的 font-face url 的源在“styles”文件夹内。

我有一个文件夹有“样式”,一个文件夹与实际的 index.html 文件。我试图让我的 index.html 文件知道我的 font-face url 的源在“styles”文件夹内。

这是我到目前为止:

@font-face{
font-family: CHERL___.ttf;
src: url(../Style/CHERL___.ttf);
}

我相信这是不正确的,因为它不会加载。

非常感谢。

1
@font-face{
font-family: CHERL; // Name of the font
src: url(/Style/CHERL___.ttf); 
}

如果您直接从 index.html 调用它而没有 style.css,则应使用/Style/CHERL___.ttf

0

我想你已经在你的 index.html 中调用 style.css。

<link rel="stylesheet" type="text/css" href="Style/style.css">

所以你需要的是,在你的 style.css 文件中,像下面这样调用它。

@font-face{
font-family: CHERL___.ttf;
src: url(CHERL___.ttf);
}
0

从我所看到的,CSS 文件是一个需要找到.tff文件。

尝试将 CSS 文件和.tff文件放在同一个文件夹中。这样,当您在属性 URL 中调用该文件时,只需插入.tff文件的名称,如下所示:

src: url(CHERL___.ttf);

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(937)
Glassfish服务器过早退出 退出代码为134
上一篇
变量的大写首字母(is good morning capitalized)
下一篇

相关推荐

  • css设置滚动条宽度设置:This is a title

    CSS设置滚动条宽度的方法:使用CSS3的。-webkit-属性:…

    2023-06-06 10:53:01
    0 17 56
  • css 子样式:标题

    CSS 子样式是指在父样式的基础上,对其子元素进行单独定义的样式。它可以使用类选择器、ID 选择器或者属性选择器来定义,如下所示:…

    2023-04-13 14:42:51
    0 34 75
  • css 间隔:如何利用 CSS 进行间隔调整

    示例示例CSS 间隔是指在 CSS 中使用的间距属性,它可以用来设置元素之间的距离。有几种常用的 CSS 间隔属性,包括:…

    2023-06-05 02:47:09
    0 50 14
  • css导入字体:标题

    示例示例CSS导入字体可以通过@font-face规则来实现,代码示例如下:…

    2023-04-22 12:42:42
    0 82 52
  • css背景图片:Unlock the Power of Creative Backgrounds

    示例示例CSS背景图片是一种使用CSS样式来定义HTML元素的背景图像。它可以让你在网页中添加图片,而不需要使用标签。CSS背景图片的语法如下:…

    2023-04-27 07:58:21
    0 79 92
  • sci和cssci哪个高级一种新的科学出版标准

    SCI和CSSCI是两个学术期刊收录索引,它们都用于衡量学术期刊的发表质量。SCI(Science Index)是由美国科学信息研究所(ISI)提供的一种学术期刊收录索引,它收录了来自全球各地的学术期刊,并以引文索引的方式收录其中的文章。SCI的收录索引覆盖了超过8000种期刊,其中包括了许多国际一流期刊,如Nature、Science、Cell、PNAS等。…

    2023-05-14 11:16:30
    0 73 70
  • css文本垂直居中:标题

    CSS文本垂直居中的方法有很多,以下是其中常用的几种:使用 line-height 属性:…

    2023-05-09 10:53:27
    0 25 80
  • css选择第三个元素:Third Element

    CSS选择第三个元素的代码如下:上述代码中,element表示要选择的元素,nth-child()是CSS中的伪类,用于选择某个父元素的第n个子元素,圆括号中的数字表示第几个,上述代码表示选择第三个元素。…

    2023-04-12 07:21:21
    0 97 39

发表评论

登录 后才能评论

评论列表(56条)