글꼴 굉장 부트 스트랩 포함 SASS

Question

난 레일 4 응용 프로그램이 있습니다.

멋진 글꼴 아이콘이 최근까지 사용되었습니다. 자, 내 소셜 미디어 아이콘 대신 검정색 사각형이 있습니다. (왜 내가 사용하고있는 색깔의 아이콘을 대체했는지 알 수 없습니다.) 링크가 작동합니다. 태그는 항상 이전과 동일하며 멋진 글꼴과 같습니다.

나는 sass gem을 사용하여 멋진 글꼴을 설치했습니다. 내 application.css.scss에서 자아 바로 위에 font-awesome이 필요합니다.

현재 설치 한 보석이 있습니다 (4.2.0).

<a href="https://www.youtube.com/user/Coalfacer"> <i class="fa fa-youtube fa-2x"></i> </a> 

어떤 조언 : - 그것은 가치가 무엇인지에 대한

이 내가 사용 링크 내 바닥 글입니까?

는

Answer 1

당신은 몇 가지를 확인하기 위해 크롬 개발자 도구, 불을 지르고 또는 도구의 유사한 유형을 사용할 수 있습니다 감사합니다. 먼저 글꼴이 다운로드되었는지 확인하려고합니다. Chrome 개발자 도구의 네트워크 탭을 사용하여 나가는 요청과 페이지를 제공하기 위해 만들어진 응답을 볼 수 있습니다. 글꼴 파일에 대한 요청이 있는지 확인하십시오.

두 가지 가능한 시나리오는

1. 없음 요청이 글꼴하지 않았다 있습니다. CSS 파일의 @media 쿼리에서 글꼴 선언에 문제가 있음을 나타냅니다.
2. 글꼴을 요청했지만 오류 코드가 반환되었습니다.

오류 코드가 반환되면 왜 그런지 판단해야합니다. 예를 들어 404는 서버가 지정된 위치에서 요청 된 파일을 찾을 수 없음을 나타냅니다. 따라서 분명히 파일이 있는지 확인해야합니다. 확인해야 할 또 다른 사항은 웹 서버가 파일을 제공하여 글꼴 요청에 올바르게 응답하도록 구성되어 있다는 것입니다. 웹 서버가 작동하지 않기 때문에 404 오류가 발생하거나 명시 적으로 허용하지 않는 파일이있는 경우가 발생하여 404 오류가 오도 된 것 같습니다.

글꼴 파일 요청이 있고 서버가 성공 코드 (200, 302 등)로 응답하는 경우 HTML 요소의 스타일에 문제가있을 수 있습니다.

위에서 언급 한 도구를 사용하여 HTML 요소를 '검사'할 수도 있습니다. 일반적으로 해당 요소를 마우스 오른쪽 버튼으로 클릭하고 해당 선을 따라 메뉴 옵션을 선택하면됩니다 (크롬에서는 '요소 검사'). 각 요소의 개요와 스타일이이 이미지와 비슷한 곳을 볼 수 있어야합니다. 무언가가 당신의 스타일을 재정의하는 경우

거기 당신은 찾을 수 있어야합니다.