• 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属性调整字体图标的大小,且不会失真。

  • 相关阅读:
    CentOS系统更换软件安装源aliyun的
    判断手机电脑微信 js
    MFC HTTP
    阿里云 镜像 源 debian
    debian root 可以远程登陆
    java-dispose方法
    深入理解JAVA序列化
    Junit单元测试--01
    算法期末考试
    矩阵连乘 动态规划
  • 原文地址:https://www.cnblogs.com/xiaohu666/p/10111198.html
Copyright © 2020-2023  润新知