2012-04-11 4 views
4

어디서나 링크를 찾을 수 없으며 행운을 들이지 않고 해커 뉴스 (프로젝트를 본 곳에서)를 검색했습니다.명사 프로젝트 CSS 래퍼?

명사 프로젝트 등에서 이미지를 다운로드하는 대신 CSS 파일을 포함하고 태그 아래에 클래스로 명사의 이름을 지정했습니다. 저기 있니?!

+0

SVGs에서 사용자 정의 아이콘 웹 글꼴 (CSS) (명사 프로젝트 아이콘)를 생성하는 데 사용되는 명령 줄 도구입니다 사용하는 것입니다 뿐만 아니라 당신이 이걸로 할 수있는 것처럼 보이지 않습니다. 평면 아이콘에 대한 Chris Coyier의 기사를 보셨습니까? http://css-tricks.com/flat-icons-icon-fonts/ – hcharge

답변

0

트위터 부트 스트랩과 함께 사용할 수있는 아이콘이 150 개인 그림 문자 글꼴 인 글꼴 굉장 (font awesome)을 생각해보십시오.

Fort Awesome에서는 CSS 태그의 FontAwesome에 링크합니다. 그런 다음 원하는 아이콘 클래스를 HTML 요소에 추가합니다.

jsFiddle example에는 카메라가 있고 텍스트 옆에 원이 있습니다.

아마
0

당신은 의미 : http://nounpack.com? 그들은 명사 프로젝트에서 가져온 많은 아이콘이있는 스프라이트를 가지고 있으며 CSS로 아이콘으로 포함시킬 수 있습니다.

0

@Nick Silva와 동의하면 Font Awesome은 의심 할 여지없이 '명사 project-esque'css로 시작하기 가장 좋은 장소입니다.

그렇다면 귀하의 질문에 대답하기 위해 명사 프로젝트 아이콘을 직접 사용하려면 직접 작성해야합니다. 이 (IMHO)를 할 수있는 가장 좋은 방법은 Font Custom

글꼴 지정 내가 좋은 모습을 했어