Html 我的@font字体有什么问题？_Html_Css_Apache_Web_Lamp

Html 我的@font字体有什么问题？

html css apache web

Html 我的@font字体有什么问题？,html,css,apache,web,lamp,Html,Css,Apache,Web,Lamp,抱歉，如果发布多个问题是不正确的做法，但是：我已经设置了一个有效的@font-face，但是当我在@font-face中设置字体权重时，Firefox会显示我的默认字体，而不是我在@font-face中定义的字体。Chromium一开始似乎对@font-face不起作用。。。而且，我认为由于我不能设置字体的重量，字体（拉托黑）太粗体了这是我的HTML： <!DOCTYPE HTML> <html> <head> <meta chars

抱歉，如果发布多个问题是不正确的做法，但是：

我已经设置了一个有效的@font-face，但是当我在@font-face中设置字体权重时，Firefox会显示我的默认字体，而不是我在@font-face中定义的字体。Chromium一开始似乎对@font-face不起作用。。。而且，我认为由于我不能设置字体的重量，字体（拉托黑）太粗体了

这是我的HTML：

<!DOCTYPE HTML>
<html>

  <head>
    <meta charset = "utf-8">
    <title>Marco Scannadinari</title>
    <link href = "layout.css" type = "text/css" rel = "stylesheet">
  </head>

  <body>
    <div class = "centre">
      <div class = "lato-black">
        <h1>Marco Scannadinari</h1>
      </div>
      <div class = "cantarell">
        <p>Lorem ipsum dolor sit amet.</p>
      </div>
    </div>
  </body>

</html>

您必须为不同的浏览器使用不同的字体格式。最后你应该有这样的东西：

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

在Fedora 18 x86_64;上使用apache，我认为您还需要

woff

文件类型，您也应该在

@font-face中设置字体大小。

。尝试在此处生成字体大小：@Jrod:但设置字体大小后，浏览器出于某种原因默认为其正常字体。@zheoffec字体大小之间可能不匹配。您将字体权重设置为什么值？如果在字体中将

font-weight

设置为

，则还需要将类中的字体权重设置为相同，以查看字体。是否默认设置为粗体？试着找到类似“拉托黑光”的东西

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }