CSS와 자바 스크립트를 하나로 결합 할 수 있습니까? 나는 sIFR을 위해 이것을하고 싶다. sifr에는 .js 및 .css 파일이 있고 js 없이는 모든 파일 css 또는 js를 사용할 수 없기 때문에.CSS와 자바 스크립트를 하나의 자바 스크립트 파일에 결합 할 수 있습니까?
나는 모든 sIFR 관련 파일을 하나의 결합 된 자바 스크립트 파일로 결합하려고합니다.
그렇게 말에 난 단지이 파일을font.swf
sifr3.js (모든 일이있는)
다음이 http://dev.novemberborn.net/sifr3/nightlies/sifr3-r436.zip 또는 sIFR 3 최신해야합니다
CSS를 자바 스크립트 문자열에 넣은 다음 STYLE 요소를 만들 수 있습니다 Javascript에서 nt.
$('<style type="text/css">p { color:red; }</style>').appendTo($('head'));
sIFR3를 들어, 모든 더블 공간과 모든 뉴 라인 주석을 제거,
$('<style type="text/css">@media screen {.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}}@media print {.sIFR-flash { display : none !important; height: 0; width: 0; position: absolute; overflow: hidden;}.sIFR-alternate { visibility : visible !important; display : block!important; position: static!important; left : auto !important; top: auto !important; width: auto !important; height: auto !important;}}</style>').appendTo($('head'));
는 (CSS 파일을 받아 작성하고, 제거 할 것 (jQuery를 사용하여) :
예를 들어)
개별 파일로 유지하고 Javascript로 페이지에 CSS를 쓸 수 있습니다. 그러면 CSS는 자바 스크립트가 활성화 된 경우에만 나타납니다.
그러나 그럴 필요가있을 때만 2 HTTP 요청 –
@Jitendra 예를 취하게됩니다. – corymathews
smartoptimizer 또는 php speedy과 같은 것을 사용할 수 있습니다.
또는 완전히 sIFR을 제거하고 CSS @ font-face를 사용할 수 있습니다.
다른 글꼴 (IE 및 Chrome)에서 글꼴을 다른 형식으로 변환하고 전체 문자 집합이 필요하지 않은 글꼴의 하위 집합을 만드는 @ 글꼴 생성기가 있습니다.
이 문서 HTTP에 설명 된대로 그것은 모든 브라우저에서 작동http://www.fontsquirrel.com/fontface/generator
: // paulirish .COM/2009/방탄 - 글꼴 - 얼굴 - 구현 - 구문 /이 테스트 페이지의 HTTP에서 입증 된 바와 같이 :// dl.dropbox .com/u/39519/webfontsdemo/index.html.
Windows XP의 IE5.5 6 7 8, FF3.6, Chrome 4.0.249.89 및 Safari 4.0.4에서 테스트되었습니다.
(링크에 대해 죄송합니다. 따라서 더 높은 평판을 얻을 때까지 둘 이상을 게시하지 않습니다.)
하지만 액세스 가능하고 선택 가능하며 정상적으로 성능이 저하됩니다 –
예, 예, 예. 최종 사용자가 JS 또는 Flash를 사용하여 글꼴을 볼 필요가 없으므로 실제로 sIFR보다 훨씬 나은 솔루션입니다. 마치 최종 사용자가 컴퓨터에 글꼴을 설치 한 것처럼 모든 텍스트가 실시간입니다. 정상적으로 저하되는 유일한 문제는 http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/에 설명 된대로 글꼴 스택의 대체 글꼴이 포함 된 글꼴의 크기와 일치하는 것입니다. "단락"글 머리 2 점 "맞추기". – timrwood
확실히 2011 년에가는 길. sIFR은 말할 것도없고 엉덩이에 통증이 있었기 때문에 ... – Capsule
가능합니다. JavaScript 코드 (<! ->)로 JavaScript 코드를 주석 처리하고 Javascript 주석 (/ * * /)으로 주석 CSS를 작성하면 동일한 파일 내에 CSS와 JS를 둘 수 있습니다. 페이지에 두 번, 한 번은 JavaScript로, 한 번은 CSS로 파일을 포함시켜야합니다.
파일을 자바 스크립트로 포함 시키면 JS 엔진은 CSS 주석을 무시하고 JS 코드를 잘 처리하고, 다른 방법은 CSS를 처리합니다. 프로세스를 설명하는 문서의 link은 다음과 같습니다.
죄송합니다, stackoverflow 내가 CSS의 코멘트를 올바르게 게시 할 수 없습니다. 하지만 HTML 코드 안에 주석을 넣는 것과 같은 방법입니다. 나는 전에 공간을 추가해야했다! 그것을 나타 내기 위해. –
이렇게하면 HTTP 요청을 얻지 만 시각적 렌더링이 느려지는데, 그 이유는 CSS가 Javascript가 실행될 때 먼저 적용되기 때문입니다. –
@Allan Kimmer Jensen - 그러나 sifr에서 sifr.cs를 sifr.js 및 config.js를 실행할 때까지 사용하지 마십시오. –
거의 확실한 이유가 없습니다. – annakata