将自定义字体从MyFonts添加到Bootstrap

时间:2014-04-19 13:48:12

标签: css twitter-bootstrap fonts sass

我下载了fontkit。它在我的C:\Users\Javi\Downloads\MyFontsWebfontsKit文件夹

说明如下:

Include a reference to the Kit. Locate the CSS file in the Kit’s main folder. You should place a reference to this file in the head section of your website’s HTML code. Make sure that the reference appears on all HTML pages of your site.

This will link the webfonts from the Kit to your website. If you uploaded the Kit to the root folder of your site, then you can just copy and paste the code below into your site's head. If you uploaded the Kit to a subfolder, you’ll need to adjust the path to the font files in the CSS file.

并粘贴此内容:

<!--
/**
 * @license
 * MyFonts Webfont Build ID 2797668, 2014-04-19T08:42:05-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/300/
 * Copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2797668
 * 
 * © 2014 MyFonts Inc
*/

-->
<link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css"> into my sites `<head>`

我做到了,然后尝试使用我的字体:

.mid-text-container2 {
    text-align: center;
    margin-bottom: 35px;
    font-family: Museo-300;
}

但它没有用。

然后我尝试粘贴这个:<link rel="stylesheet" type="text/css" href="C:\Users\Javi\Downloads\MyFontsWebfontsKit">

进入我网站的头部,但这也没有用。我不理解任何人可以帮助我的指示吗?

0 个答案:

没有答案