Glyphicon이 없는 Bootstrap 3이 Font Awesome으로 대체되었습니다.

StackOverflow https://stackoverflow.com//questions/22029116

문제

Font Awesome을 위해 Bootstrap 3 Glyphicon을 제거하고 싶습니다.Font Awesome에는 이미 대부분의 Glyphicon이 포함되어 있으므로 이를 포함하고 중복 및 호환성 문제를 피하고 싶지 않습니다.

사용자 정의된 부트스트랩 다운로드를 수행하고 glyphicon 구성 요소를 선택 취소하면 CSS 파일에 여전히 일부 glyphicon 참조가 표시됩니다. http://getbootstrap.com/customize/

해당 아이콘을 완전히 비활성화하려면 어떻게 해야 합니까?

감사해요

도움이 되었습니까?

해결책

그 나머지 글리핀은 컴파일 된 CSS에서의 참조가 회전 목마 구성 요소의 다음 + 이전 버튼에 대한 글리핀을 선택적으로 사용하는 것입니다.문제의 선언은 Glyphicon Next + Prev 버튼에도 사용되므로 전체 파일 크기의 절대적으로 사소한 양을 나타내는 것은 단순히 무시하는 것을 제안합니다.모든 실제적인 목적을 위해, 당신은 이미 당신의 빌드에서 글리핀을 제거했습니다.

선택한 참조를 절대적으로 전달 해야하는 경우, 수동으로 부트 스트랩 컴파일 generacodicicetagode에서 기분 차단 행을 제거하고 bootstrap/less/carousel.less에서 @import "glyphicons.less"; 라인을 제거합니다.
또는 관련 삭제가 사소한이기 때문에 부트 스트랩 사용자 정의 프로그램이 이미 생성 된 CSS를 수동으로 편집 할 수 있습니다.

다른 팁

Font Awesome과 함께 부트스트랩을 사용하면서 사용자 정의 페이지로 이동하여 여러분이 했던 것처럼 글리프콘 구성 요소를 선택 취소했지만 얼마 동안은 이 코드 줄을 추가하세요 내 ( 파일 재정의 ):

[class^="icon-"],
[class*="icon-"] {
  background: none;
}

또한 다운로드한 기본 부트스트랩 파일(사용자 정의 파일)을 열고 다음을 검색할 수도 있습니다. font-family: 'Glyphicons Halflings'; , 그런 다음 모든 항목에 주석을 달고 @font-face.

이것이 당신에게 도움이 되기를 바랍니다

솔루션 더 적은 (부트스트랩 3.3.5에서 테스트됨):

먼저 캐러셀 아이콘을 재정의합니다.

// Overloading "glyphicon" class with "fa".
.glyphicon
{

    &:extend(.fa);

    // Overloading "glyphicon-chevron-left" with "fa-arrow-left".
    &.glyphicon-chevron-left
    {
        &:extend(.fa-chevron-left);
    }

    // Overloading "glyphicon-chevron-right" with "fa-arrow-right".
    &.glyphicon-chevron-right
    {
        &:extend(.fa-chevron-right);
    }
}

이 부분은 에서 따왔습니다. 슬라바 포민 답변, 스티븐 클론츠(Steven Clontz)의 글을 바탕으로 함 기본 코드.

다음 단계:글리프콘 로딩을 비활성화합니다:

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "fontawesome-webfont";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "fontawesomeregular";

lessc를 잊지 마세요 게으른 로딩: @icon-font-svg-id 다른 변수는 사용자가 설정한 최신 값을 갖게 됩니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top