«font-awesome» 태그된 질문

Font Awesome은 상징적 인 독립형 벡터 글꼴로, 처음에는 Twitter Bootstrap 프런트 엔드 프레임 워크와 함께 사용하기 위해 개발되었습니다.

11
CSS에서 글꼴 멋진 아이콘 사용
다음과 같은 CSS가 있습니다. #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Font Awesome 의 아이콘으로 이미지를 바꾸고 싶습니다 . 어쨌든 CSS의 아이콘을 배경 이미지로 사용하지 않습니다. Font Awesome 스타일 시트 / 글꼴이 CSS보다 먼저로드되었다고 가정 할 수 있습니까?
305 css  font-awesome 


17
Font Awesome의 아이콘 색상을 변경할 수 있습니까?
<a>어떤 이유로 든 아이콘을 태그 안에 넣어야합니다. 멋진 글꼴 아이콘의 색상을 검은 색으로 변경할 수있는 방법이 있습니까? 또는 <a>태그 안에 포장되어있는 한 불가능 합니까? 멋진 글꼴은 이미지가 아닌 글꼴이어야합니다. <a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
264 html  css  font-awesome 

14
큰 글꼴로 멋진 아이콘으로 텍스트를 세로로 가운데 맞추는 방법은 무엇입니까?
글꼴이 멋진 아이콘과 텍스트가있는 부트 스트랩 버튼이 있다고 가정 해 보겠습니다. <div> <i class='icon icon-2x icon-camera'></i> hello world </div> 텍스트를 세로 중앙에 표시하려면 어떻게합니까? 텍스트는 이제 아이콘의 아래쪽 가장자리와 정렬됩니다. http://jsfiddle.net/V7DLm/1/ 편집 : 나는 가능한이 솔루션 : http://jsfiddle.net/CLdeG/1/을 하지만 약간의 해키 느낌 - 소개 추가 p 태그를 당겨 왼쪽 및 …
231 html  css  font-awesome 

30
Font Awesome not working, 사각형으로 표시되는 아이콘
마케팅 페이지의 프로토 타입을 제작하려고하는데 Bootstrap과 새로운 Font Awesome 파일을 사용하고 있습니다. 문제는 아이콘을 사용하려고 할 때 페이지에 렌더링되는 모든 것이 큰 사각형이라는 것입니다. 헤드에 파일을 포함시키는 방법은 다음과 같습니다. <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if IE 7]> <link rel="stylesheet" …

7
글꼴이 멋진 입력 유형 '제출'
글꼴이 멋진 입력 유형 'submit'에 대한 클래스가없는 것 같습니다. 버튼 입력을 위해 font-awesome의 클래스를 사용할 수 있습니까? 내 응용 프로그램의 모든 버튼 (실제로 twitter-bootstrap의 'btn'클래스와 링크 됨)에 아이콘을 추가했지만 '입력 유형 제출'에 아이콘을 추가 할 수 없습니다. 또는이 코드를 사용하는 방법 : input#image-button{ background: #ccc url('icon.png') no-repeat top left; padding-left: …

7
로딩 상태에있을 때 버튼에 스피너 아이콘을 추가하는 방법은 무엇입니까?
트위터 부트 스트랩의 버튼 은 Loading...사용 가능한 상태 가 좋습니다 . 문제는 다음과 같이 속성을 Loading...통해 전달 된 것과 같은 메시지를 표시한다는 것입니다 data-loading-text. <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Font Awesome을 보면 애니메이션 스피너 아이콘이 있습니다. 다음 Upload과 같은 작업을 시작할 때 해당 …

6
멋진 글꼴 아이콘이있는 사용자 정의 리 목록 스타일
사용자 정의 <li>목록 스타일 유형 을 생성하기 위해 font-awesome (또는 다른 상징적 인 글꼴) 클래스를 사용할 수 있는지 궁금합니다 . 나는 현재 이것을하기 위해 jQuery를 사용하고 있습니다. $("li.myClass").prepend("<i class=\"icon-chevron-right\"></i>"); 그러나 <li>아이콘이 실제 글 머리 기호가 아닌 텍스트의 일부로 간주 되므로 텍스트가 페이지를 가로 질러 줄 바꿈 되면 스타일이 제대로 지정되지 …

15
기본 Android 애플리케이션에서“Font Awesome”의 아이콘 및 기호를 사용하는 방법
내 응용 프로그램에서 Font Awesome 을 사용하려고 하는데을 사용하여 글꼴 을 통합 할 수 Typeface.createFromAsset()있었지만이 글꼴에서 제공하는 아이콘을 사용하고 싶지만 지금까지는 그렇게 할 수 없었습니다. 이 특정 글꼴에는 미디어 플레이어 컨트롤, 파일 시스템 액세스, 화살표 등과 같은 PUA (Unicode Private Use Area) 내에 아이콘이 포함되어 있습니다. 안드로이드에서 아이콘과 기호가 포함 …

8
멋진 글꼴에 사용자 정의 아이콘 추가
Font Awesome 아이콘 글꼴을 좋아하고 내 사이트의 대부분의 아이콘에 사용하고 싶지만 제공되는 것 외에도 몇 가지 사용자 지정 svg 아이콘이 있습니다. Font Awesome 의 .svg 버전은 대부분 다음 <glyph />요소 로 구성되어 있습니다. ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 …

22
텍스트 입력 요소 안의 글꼴 굉장한 아이콘
사용자 이름 입력 필드에 사용자 아이콘을 삽입하려고합니다. Font Awesome 이 글꼴 이므로 속성이 작동하지 않는다는 것을 알고 비슷한 질문 에서 해결책 중 하나를 시도했습니다 .background-image 다음은 내 접근 방식이며 아이콘을 표시 할 수 없습니다. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: …
136 html  css  fonts  font-awesome 

14
원 안에 Font Awesome 아이콘을 만드시겠습니까?
일부 프로젝트에서 멋진 글꼴을 사용하고 있지만 멋진 글꼴 아이콘으로 할 일이 있습니다. 다음과 같이 쉽게 아이콘을 호출 할 수 있습니다. <i class="fa fa-lock"></i> 모든 아이콘이 항상 테두리가있는 둥근 원 안에있을 수 있습니까? 이와 같은 사진이 있습니다. 사용 i { background-color: white; border-radius: 50%; border: 1x solid grey; padding: 10px; } …
134 css  font-awesome 

7
단일 목록 항목 요소와 함께 글 머리 기호에 Font Awesome 아이콘 사용
CMS에서 정렬되지 않은 목록의 글 머리 기호로 Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) 아이콘 을 사용할 수 있기를 원합니다 . CMS의 텍스트 편집기는 원시 HTML 만 출력하므로 추가 요소 / 클래스를 추가 할 수 없습니다. 이는 마크 업이 다음과 같이 표시 될 때 아이콘을 표시한다는 의미입니다. <ul> <li>Item 1</li> <li>Item 2</li> …
131 css  font-awesome 

23
FontAwesome 아이콘이 표시되지 않습니다. 왜?
최근에 나는이 웹 사이트를 개발하고 있고 거기에 글꼴 멋진 아이콘을 넣으려고 노력하고 있습니다. 그래서 그것은 확장 가능합니다. 문제는 그들이 나타나지 않는다는 것입니다. HTML을보십시오 : <a class="btn-cta-freequote" href="#">Get a FREE Quote <i class="fa fa-arrow-right"></i></a> 또는 <li><a href="index.html"><span class="fa fa-home fa-2x"></span>Home</a></li> 머리에 스타일 시트 참조를 넣었습니다. 나는 그들이 왜 나타나지 않는지 모르겠습니다. …
123 html  css  font-awesome 


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.