如何使用font-family lato？

如何使用font-family lato？

我用这样的风格，但不工作。 我能怎么做 ？ 谢谢。

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

链接： 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'> 

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

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

Answer 2

从这里下载并提取LatoOFL.rar然后转到TTF并打开这个font-face-generator点击Choose Fileselect您要使用的字体，然后点击生成然后下载它，然后去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的代码，并给你的这个字体目录的url，现在你可以在你的网站上使用它…

如果你不想下载它使用这个

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