zoukankan      html  css  js  c++  java
  • Bootstrap如何正确引用字体图标

    补充:

    其实不需要下面这么麻烦,只需要建一个fonts文件夹放在和js,css文件同级目录下,就可以正确引用,关键是下面这几个文件得有:

    第一种(字体文件的路径请灵活改变)

    <style type="text/css">
            @font-face {
                font-family: 'Glyphicons Halflings';
                src: url('font/glyphicons-halflings-regular.eot');
                src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('font/glyphicons-halflings-regular.woff') format('woff'), url('font/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
            }

    第二种

    <!--<style type="text/css">
                @font-face {
        font-family: 'Glyphicons Halflings';
        src: url('font/glyphicons-halflings-regular.eot');
        src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
              url('font/glyphicons-halflings-regular.woff') format('woff'), 
              url('font/glyphicons-halflings-regular.ttf') format('truetype'),
              url('font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
       }

     注意:用font-size属性调整字体图标的大小,且不会失真。

  • 相关阅读:
    AAA
    Express4 启航指南
    nodejs 中的 NODE_PATH
    Windows 系统下设置Nodejs NPM全局路径
    C# VS Java
    在windows环境中使用varnish
    各种数据类型对比
    RubyGems 镜像
    npm国内镜像介绍
    WCF 身份验证 通过检查客户端IP
  • 原文地址:https://www.cnblogs.com/xiaohu666/p/10111198.html
Copyright © 2011-2022 走看看