부트 스트랩 부트 스트랩 선택 용 글리프콘에 사용자 정의 아이콘을 추가하십시오.

Question

우선 : 지금까지 약간의 도움이되었지만 내가하고 싶은 일을 잘 수행하지 못했던 Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon "font"을 읽었습니다.

그래서 목록 상자에 아이콘을 추가하고 싶습니다. 나는 이미 Bootstrap-select를 사용하고 있기 때문에 각 선택 필드에 glyphicon을 추가하는 옵션을 고려해야한다고 생각했습니다.

https://silviomoreto.github.io/bootstrap-select/examples/#icons

<select class="selectpicker"> 
    <option data-icon="glyphicon-heart">Ketchup</option> 
</select> 

이 glyphicon 아이콘으로 잘 작동하지만 실제로 내가 거기에 사용할 수있는 내 자신의 아이콘을 추가 할

. data-icon = "glyphicon-xyz"는 여전히 부트 스트랩 glyphicon 파일의 아이콘을 찾으려하기 때문에 Icomoon 아이콘 세트를 추가하는 것만으로는 작동하지 않았습니다.

어떻게 든 내 글리프콘 목록을 확장하거나 교체 할 수 있습니까?

도움을 주시면 감사하겠습니다.

건배

편집 : 나는 또한이 가이드 (https://www.sitepoint.com/customizing-bootstrap-icons-using-gulp/)를 발견했다.

저자는 Glyphicon.less 파일에 대한

@font-face { 
    font-family: 'my-icons'; 
    src:url('fonts/my-icons.eot?-dp1fqh'); 
    /* other properties */ 
} 

을 이야기하지만 점점 말대꾸와 아무 경험이 내 부트 스트랩 폴더가 glyphicons.less가 포함되어 있지 않습니다 - 난 단지 글꼴을 찾을 수 있습니다 정면 부트 스트랩 안에 얼굴

Answer 1

아이콘의 정확한 이름을 입력 했습니까? 각 아이콘 라이브러리에는 고유 한 이름 지정 규칙이 있으므로 사용자 정의 이름을 만들면 고유 한 이름이 지정됩니다.

글꼴 최고 :이 세 가지 라이브러리

home iconfa fa-home

부트 스트랩 :glyphicon glyphicon-home

icomoon :icon-home