글꼴 멋진 아이콘 렌더링되지 않을 통해 BoostrapCDN

StackOverflow https://stackoverflow.com//questions/22002238

  •  20-12-2019
  •  | 
  •  

문제

내가 사용하려고 Font-멋진 아이콘 폰트를 통해 BootstrapCDN 링크하십시오 나는 최신 버전의:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

나는 이 링크에서 <head> 내 html 파일을 하려고 해요 그것은 작동이 간단한 html 코드:

<!DOCTYPE html>
<html>
<head>
    <title>Font-Awesome Icons</title> 
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
    <p><i class="fa fa-camera-retro"></i> Camera Icon<i class="fa fa-facebook"></i> Facebook Icon</p>
</body>
</html>

그러나 그것은 렌더링되지 않았습니다.이 코드에서 최신 버전의 파이어 폭스(27),사파리(7)와 크롬(33).나는 체크 fa 클래스에서는 각각의 아이콘을 하려고 해요 전화 또는 fa- 접두사로 사용되는 반대로 올드 icon- 접두사입니다.확인했는데 나 코드의 구현과 이 비디오 http://headwaythemes.com/using-font-awesome-with-headway/ (하지만 의미에 대한 워드프레스는 테마,에 주는 코드가 동일하게 작동합)보다 주위 스택에서 오버플로 그 이전과 같은 질문 Fontawesome 드 지 않은 나왔고 내게 어떤 도움을 해결에 내 문제입니다.

가 없 fontawesome.otf 설치되어 있지만 그것은 확실히지 않는 경우 볼 수 있는 문양을 방문 할 때 http://fortawesome.github.io.
해야 난 그냥 다운로드와 호스트 글꼴 멋진 파일와 함께 미래의 웹 사이트 내 전체 그래서 나는 걱정할 필요가 없에 대해 업데이트 BoostrapCDN 링크뿐만 아니?-더라도 나는 유일한 계획을 사용하여 몇 가지 아이콘?

도움이 되었습니까?

해결책

이유는 그것은 로드하지 않기 때문입 URI 를 시작으로"//".는 것을 의미하는 프로토콜을 상대적인 경로를,그것을 의미하는 것이 어떤 사용하는 프로토콜 페이지에서 사용하고 있습니다.는 경우 html 로컬,다음 사용자의 브라우저 파일 프로토콜,따라서스에 액세스하려는 글꼴 최고 css"file://".액세스하는 경우 html 을 사용하여 로컬 또는 원격 http 웹 서버,당신은에 액세스를 사용하여 페이지 http 프로토콜,따라서 액세스 css"http://".

솔루션:

  1. 의 경로 변경 css 또는 그것을 흉내내에서 사용자의 로컬 시스템에 있습니다.
  2. 실행 로컬 또는 원격 http server 은 페이지에 액세스 할 수 있습니다.

에 대한 더 많은 정보:URI 를 시작으로 두 개의 슬래쉬가...그들은 어떻게 행동하는가?

다른 팁

이 같은 쉽게 처리하는 방법이 추가'http:'앞에 cdn 라인,그리고 그것에서 작동합니다 로컬 시스템,즉다음과 같다:

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Ta-daa!

What Pulkit 답변 절대적으로 올바른 것입니다.을 추가하려는 경우,빠른 로컬 서버의 디렉토리의 html 과 css 페이지,그리고 터미널 및 형식

$python-m SimpleHTTPServer

그 후,당신의 브라우저와 가 127.0.0.1:8000 이 표시되지 않는 경우에,변경하려고 홈페이지의 웹사이트 index.html

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top