부트스트랩 글꼴 아이콘을 참조하는 방법

藏色散人

풀어 주다： 2020-11-30 15:41:52

원래의

4184명이 탐색했습니다.

부트스트랩 글꼴 아이콘을 참조하는 방법: 먼저 글꼴 폴더를 만든 다음 js 및 css 파일과 동일한 디렉터리에 배치합니다. 마지막으로 "src: url('font/glyphicons-halflings-regular.eot')"를 전달합니다. 글꼴 아이콘을 참고하세요.

부트스트랩 글꼴 아이콘을 참조하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, 부트스트랩 버전 3. 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추가:

사실 아래의 문제를 겪을 필요는 없습니다. 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');
   }

로그인 후 복사

참고: 글꼴 크기 속성을 사용하면 왜곡 없이 글꼴 아이콘 크기를 조정할 수 있습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 배우기를 방문하세요! !

위 내용은 부트스트랩 글꼴 아이콘을 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!