2017-05-11 7 views
0

부트 스트랩 scss를 사용하여 지킬 웹 사이트에서 글리 phicons를 사용하는 데 문제가 있습니다. 그것은 경로를 잘못 생성하는 것 같지만 문제가 어디 있는지 알 수 없습니다. 나는 glyphicon부트 스트랩 scss 글리프 아이콘 경로 오류, 경로의 백 슬래시가 누락되었습니다.

ERROR `/fonts/bootstrapglyphicons-halflings-regular.woff2' not found. 

glyphicon 글꼴의 경로가 잘못을 포함 할 때

지킬 다음과 같은 오류를 제공, 자사는 '/'를 누락

/fonts/bootstrap/glyphicons-halflings-regular.woff2 

나는 노력을 읽어야 생성 된 CSS 파일에서이 문제를 해결하고 작동하므로 잘못된 경로가 생성 된 위치를 찾으려고합니다.

나는 _glyphicons.scss 파일을 검토 한 결과 다음과 같은 코드가 나는 또한 _variables.scss에서 검토 한 경로

@at-root { 
    // Import the fonts 
    @font-face { 
    font-family: 'Glyphicons Halflings'; 
    src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot')); 
    src: url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff2'), '#{$icon-font-path}#{$icon-font-name}.woff2')) format('woff2'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'), 
     url(if($bootstrap-sass-asset-helper, twbs-font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg'); 
    } 
} 

를 생성하는 것이

$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; 

발견 코드에서 오류의 위치를 ​​볼 수 없습니다. 나는 scss에 익숙하지 않은데, 이것은 나의 첫 번째 시도이다. 누구든지 올바른 방향으로 나를 가르쳐 주시겠습니까.

답변

0

이 문제는 더 일찍 발생했으며 부트 스트랩을 가져 오기 전에 경로를 무시했습니다. 아마 원하는 답변 일 수도 있지만 해결 방법은 아마.

$icon-font-path: "fonts/bootstrap/" !default; 
@import "_bootstrap";