Question

如何使用font-family lato？

我使用过这样的风格但没有用。我能怎么做？谢谢。

font-family: Lato, Helvetica, sans-serif;

link：http://www.google.com/fonts/specimen/Lato

Answer 1

请将此代码放在头部

<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

并在您的CSS中使用font-family: 'Lato', sans-serif;。例如：

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

或者您也可以手动使用

从.ttf

生成fontSquiral字体

并可以尝试此选项

    @font-face {
        font-family: "Lato";
        src: url('698242188-Lato-Bla.eot');
        src: url('698242188-Lato-Bla.eot?#iefix') format('embedded-opentype'),
        url('698242188-Lato-Bla.svg#Lato Black') format('svg'),
        url('698242188-Lato-Bla.woff') format('woff'),
        url('698242188-Lato-Bla.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

像这样打电话

body {
  font-family: 'Lato', sans-serif;
}

Answer 2

从here下载并摘录LatoOFL.rar然后转到TTF并打开此font-face-generator点击Choose File选择您要使用的字体，然后点击生成然后下载它然后去html文件打开它，你看到像这样的代码

@font-face {
        font-family: "Lato Black";
        src: url('698242188-Lato-Bla.eot');
        src: url('698242188-Lato-Bla.eot?#iefix') format('embedded-opentype'),
        url('698242188-Lato-Bla.svg#Lato Black') format('svg'),
        url('698242188-Lato-Bla.woff') format('woff'),
        url('698242188-Lato-Bla.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
body{
    font-family: "Lato Black";
    direction: ltr;
}

更改src代码并将此字体目录放在此处的网址，现在您可以在您的网站上使用它...

如果您不想下载，请使用此

<link type='text/css' href='http://fonts.googleapis.com/css?family=Lato:400,700' />

如何使用font-family lato？

2 个答案: