Html CSS从internet加载字体

Html CSS从internet加载字体,html,css,css-frameworks,Html,Css,Css Frameworks,我正在我的项目中使用foundation.min.css。 每次我在HTML文件中加载上述内容时,我的浏览器都会尝试在线获取字体。 但奇怪的是,即使没有互联网接入,它也能工作 我需要知道: 如何从网上获取字体禁用基础? 为什么即使加载了,功能也没有变化 如何编辑此文件以删除联机获取功能而不损害原始文件?基础.CSS代码: HTML代码: 身体{ 填充:10px; 溢出:自动; } 示例应用程序 {{name}} 提交 截至2014年1月1日的姓名 苏拉布·夏尔马21 Shourya Sharm

我正在我的项目中使用foundation.min.css。 每次我在HTML文件中加载上述内容时,我的浏览器都会尝试在线获取字体。 但奇怪的是,即使没有互联网接入,它也能工作

我需要知道:

如何从网上获取字体禁用基础?
  • 为什么即使加载了,功能也没有变化
  • 如何编辑此文件以删除联机获取功能而不损害原始文件?基础.CSS代码:

    HTML代码:

    
    身体{
    填充:10px;
    溢出:自动;
    }
    示例应用程序
    {{name}}
    提交
    截至2014年1月1日的姓名
    苏拉布·夏尔马21
    Shourya Sharma23
    维奈·库马尔18
    
    如何从网上获取字体禁用基础?

    从基础.M.CSS(上面提到)

    中删除下面的代码 为什么即使加载了,功能也没有变化


    因为它在脱机时在本地描述了所需的css,所以删除web字体导入不会阻止在计算机上显示字体。只有在没有安装字体的人查看字体时,它才会阻止字体显示

    如果您打算在某个时候使用字体,那么就不要使用@import,只需添加一个覆盖,您可以轻松地打开和关闭该覆盖

    body { font-family:arial,sans-serif !important; }
    

    如果您只想影响特定字体,而不是整个文档,那么只需在choose的编辑器中搜索并替换您要替换的字体系列声明。

    可能是,如果我知道如何编辑提供特定链接以获取该数据的css,我可以删除它并找到解决此问题的方法?不是吗?你是用@ ftFoots还是谷歌WebPosits?不,我刚包括了基础。等等,我会把我的HTML上传到谷歌网页上,看起来他们在使用谷歌网页字体,如果你想删除的话。它在本地工作,因为您已经预装了该字体。如果其他人没有该字体,它将无法在他们的系统上工作。删除该字体后仍能工作:)
    <!doctype html>
    <html ng-app ng-csp>
      <head>
        <link href="styles/foundation.min.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="libs/angular.min.js"></script>
        <script type="text/javascript" src="main.js"></script>
      <style>
        body {
          padding: 10px;
          overflow: auto;
        }
      </style>
      </head>
    <body>
    
    <div>
            <div>
            <h3>Sample Application</h3>
            <input type="text" ng-model="name" placeholder="Your text here..">
            <h1>{{name}}</h1>
        </div>
    <button>Submit</button>
    <table>
        <tr><th>Name</th><th>Age as on 1/1/2014</th></tr>
        <tr><td>Sourabh Sharma</td><td>21</td></tr>
        <tr><td>Shourya Sharma</td><td>23</td></tr>
        <tr><td>Vinay Kumar</td><td>18</td></tr>
    </table>
    </div>
    
    
    </body>
    </html>
    
    @import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
    
    body { font-family:arial,sans-serif !important; }