어떻게 웹 사이트

-1

내가 CSS 파일 내부에 사용자 정의 글꼴을 선언 @import를 사용하여 요소에 할당하고있어

에 적절한 부하 사용자 정의 글꼴 : 나는 사이트의 head 태그에 대한 액세스 권한이없는어떻게 웹 사이트

, 난 본문에서 그것을하고 ...

이 작동하지 않습니다 .. 내 질문에 사용자 정의 글꼴을로드하려면 페이지의 머리에 선언해야합니까? 사용

2014-09-10 marb

css에서'@ import' 태그도 작동하지만 CSS 파일의 맨 위에 올려야합니다. –

css를 외부 CSS 파일에 넣은 다음 웹 사이트의 head 태그에 포함시키는 것이 좋습니다. head 태그에 액세스 할 수없는 경우 태그를 사용하여 사용자 정의 글꼴을 추가하려는 곳이면 어디서나 사용할 수 있습니다. – Ionut

jvascript

(function loadCss(url) { 
    var link = document.createElement("link"), 
     url = "App/components/core-jasmine/jasmine.css"; 
    link.type = "text/css"; 
    link.rel = "stylesheet"; 
    link.href = url; 
    document.getElementsByTagName("head")[0].appendChild(link); 
})();

제대로로드에서 CSS 파일을 중지 할 수

출처

2014-09-10 15:33:50

이 가능한 경우 (다른 장치에 대한 @media를 사용하여 같은 특정 상황을 제외하고) CSS 파일에 @import 사용하지 마십시오.

당신은 머리 태그 외부 CSS를 가져올 수있는 링크 태그를 선언 할 수 있지만 몇 가지 문제가 발생할 수 있습니다 - 주로 당신은 단지 head 태그 link 태그 (즉는 W3C 유효성 검사기를 실패) 선언해야 W3C 사양에 따라. 문서 본문에로드하면로드 후 브라우저에서 페이지 스타일을 다시 지정해야하므로로드 시간이 늘어납니다.

하지만 이론적으로는 가능합니다.

출처

2014-09-10 15:35:42 iamgory

어떻게 웹 사이트

답변

관련 문제