CSS에 Glyphicon을 data-uri로 포함

Question

Glyphicons를 사용하는 웹 응용 프로그램이 있지만 클라이언트의 글꼴 다운로드가 제한됩니다.

Glyphicon 파일을 uri로 변환하여 내가 수행 한 Bootstrap CSS에 삽입 할 수 있다고하는 페이지를 발견했습니다. 내가 서버에서 테스트 할 때

(일부 목록은)

@font-face { 
    font-family: 'Glyphicons Halflings'; 
    src: "data:application/octet-stream;base64,n04AAEFNAAAC....... 

, 나는 문양이 있어야 할 만 상자를 얻을. 나는 한 걸음도 놓쳤는가?

응용 프로그램이 SASS를 사용합니다 - 이것이 문제가 될 수 있습니까?

Answer 1

업체 조각에 몇 가지 오류가 있습니다

• src dataURI 값이 있어야합니다이 중 올바른 MIME 타입 대신 application/octet-stream이 있어야합니다
• url() '기능', 내부 : 예를 들어, application/font-woff,
• 또는 이에 해당하는 format() : 예 : format('woff'). 아니면 둘 다 더 좋아.

  @font-face { 
      font-family: '[name]'; 
      src: url(data:font/[mime-format];base64,...) format('[css-format]'); 
      /* font-weight, font-style, ... */ 
  } 
  

  SASS만큼 파일이 .scss하지 .sass입니다 조각을 결과에 대한 문제가되지 않습니다처럼

올바른 템플릿을 보일 것입니다.