2016-10-27 6 views
0

나는 것이 가능 (사용을 위해 https://www.npmjs.com/package/gulp-iconfont에 규정 된 바와 같이 더 많거나 적은 동일한 코드) 그래서 지금 내 진짜 질문은 온다gulp 이모티콘을 만들 수있는 Icon-font 작업?

이 그래서 좋은 작품 SVG의에서 글꼴을 생성하는 스크립트를 할 노력하고있어 두 색의 이모티콘을 생성하기 위해 그 꿀풀 패키지를 사용 하시겠습니까?, 그렇다면 그 또는 샘플에 대해 더 많이 읽을 수있는 링크를 얻을 수 있습니까?

+0

그래서 질문이있어서 투표를했습니다. 뭔가 부족한 이유가 있다면 더 잘 만들 수 있습니다. – AlexanderYW

답변

0

글꼴 아이콘은 웹 브라우저에서 텍스트로 처리되기 때문에 하나의 색상입니다. 이것은 color: red;과 같은 CSS 규칙을 적용 할 수 있도록 수행됩니다.

두 색 SVG를 만들고 <img> 태그가있는 DOM에서 직접 사용하십시오. 그러나 구형 브라우저 (IE 8 이하)에 대한 지원은 제한적입니다. 어떤 종류의 대체가 필요합니다 (PNG 이미지는 아주 잘 작동합니다).

두 색을 갖는 효과를 내기 위해 negative space을 사용하는 것이 좋습니다. 그러나, 나는 emojis 내에서 사용되는 어떤 예제 (빠른 검색 만 했음)를 찾을 수 없습니다.

이 정보가 도움이되기를 바랍니다.

+0

내가 물었던 것은 아닙니다. 나는 텍스트가 어떻게 취급되고 유니 코드가 어떻게 작동하는지 알고 있습니다. 하지만 나는 이모티콘 글꼴을 만들고 싶지만 내 질문은 꿀꺽 꿀꺽 스크립트 (gulp-iconfont)가 그 그림에 대해 아무 말도하지 않기 때문에 템플릿에서 이모티콘/아이콘 글꼴을 생성 할 수 있습니까? 그리고 그걸 달성 할 수 있다면 그렇다면 휴대 전화 나 스마일로 웹에서 글꼴을 만들 수 있습니다. – AlexanderYW

+0

좋아, TIFF 또는 WOFF 형식을 사용하지 않으려는 경우 gulp-iconfont에게 SVG를 SVG로 직접 내보내도록 요청할 수 있습니다. 단 하나의 색을 갖는 문제를 해결합니다). 'phone-esque'스마일은 각 이모티콘에서 사용되는 유니 코드 문자를 알아야합니다. 거기에서 각 유니 코드 문자에 대해 올바른 SVG 파일을 제공하도록 CSS를 구성 할 수 있습니다. 희망이 도움이됩니다. –

+0

그게 아니라 내가 말하는거야. 나는 꿀꺽 거리는 소리를 통해 아이콘 글꼴을 자동으로 만들고 싶다. 스마프를위한 유니 코드 조합이 생성되지만, 시도해 줘서 고마워. TIFF는 글꼴 형식이 아니며 이미지 형식이 – AlexanderYW