Less.js: myfonts.com์˜ @import url ๋ฌธ์ œ

์— ๋งŒ๋“  2013๋…„ 05์›” 03์ผ  ยท  6์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: less/less.js

์•ˆ๋…•,
myfonts.com์˜ ๊ธ€๊ผด์„ lesscss์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ํ•  ๋•Œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ธ€๊ผด์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด CSS/LESS ํŒŒ์ผ์— ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

@import url("//hello.myfonts.net/count/xyzxyz");

@๊ธ€๊ผด ์–ผ๊ตด {
๊ธ€๊ผด ํŒจ๋ฐ€๋ฆฌ: 'FrutigerLT-Light';
src: url('schriften/xyzxyz_0_0.eot');
src: url('schriften/xyzxyz_0_0.eot?#iefix') ํ˜•์‹('embedded-opentype'),
url('schriften/xyzxyz_0_0.woff') ํ˜•์‹('woff'),
url('webfonts/xyzxyz_0_0.ttf') ํ˜•์‹('ํŠธ๋ฃจํƒ€์ž…');

}

xyzxyz๋Š” ์‚ฌ์šฉํ•  ๊ธ€๊ผด์˜ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ๋ˆˆ์— ๋„๊ฒŒ ์œ ์ง€ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์€ ์ƒ๊ฐ์ธ์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.
ํ•˜์ง€๋งŒ ๊ฐ€์ ธ์˜ค๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด less.js๊ฐ€ ๋” ์ด์ƒ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
Firefox์—์„œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.


n์€ ์ •์˜๋˜์ง€ ์•Š์Œ

style.less์—์„œ
r.ํŒŒ์„œ/p. parse@file ///D:/Homepages/Prokon/less-1.3.3.min.js:8
w/< @file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
x@file ///D:/Homepages/Prokon/less-1.3.3.min.js:8
w@file ///D:/Homepages/Prokon/less-1.3.3.min.js:8
g@file :///D:/Homepages/Prokon/less-1.3.3.min.js:8
์•„๋ฅด ์žํ˜•. refresh@file ///D:/Homepages/Prokon/less-1.3.3.min.js:9
@file ///D:/Homepages/Prokon/less-1.3.3.min.js:9

@file ///D:/Homepages/Prokon/less-1.3.3.min.js:9

๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๋Š” ๋‹จ์ˆœํžˆ ๊ธ€๊ผด์„ ํ‘œ์‹œํ•˜์ง€ ์•Š์œผ๋ฉฐ ๋ฌผ๋ก  ๋œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ์ž‘๋™ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.
์นœ์• ํ•˜๋Š”
์‹ ์ž

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋˜๋Š” 1.4.0 ์ด์ „์˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

๋ชจ๋“  6 ๋Œ“๊ธ€

์ฝ”๋“œ๊ฐ€ ์™œ ๊ทธ๋Ÿฐ ์‹์œผ๋กœ ํฌ๋งท๋˜์—ˆ๋Š”์ง€ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.
๋ถˆํŽธ์„ ๋“œ๋ ค ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค.

@imported ํŒŒ์ผ์— css ํ™•์žฅ์ž๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
๋„Œ ํ•  ์ˆ˜์žˆ์–ด

<strong i="8">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");

๋” ์ ์€ v1.4 ๋ฒ ํƒ€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ

์ฐธ๊ณ : ํ…Œ์ŠคํŠธํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

๋˜๋Š” 1.4.0 ์ด์ „์˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€

<strong i="6">@import</strong> url("//hello.myfonts.net/count/xyzxyz?css")

@chricken ์ฝ”๋“œ๋Š” ์„œ์‹์„ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ๋ฐฑํ‹ฑ์œผ๋กœ ๋ž˜ํ•‘๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์„ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค: http://github.github.com/github-flavored-markdown/

์•Œ๊ฒ ์Šต๋‹ˆ๋‹ค.
๋‹ค๋“ค ๊ฐ์‚ฌ ํ•ด์š” :)

@lukeapage : ๋‹ซ์•„์•ผ ํ•˜๋Š”์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.

CodeKit์˜ Less 1.7.0์—์„œ ์ด myFont ๊ฐ€์ ธ์˜ค๊ธฐ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. URL ์•ž์— (css)์˜ import ์ง€์‹œ๋ฌธ์ด ์—†์œผ๋ฉด Less๋Š” ๊ทธ๋ ‡์ง€ ์•Š์„ ๋•Œ ์„ฑ๊ณต์ ์œผ๋กœ ์ปดํŒŒ์ผ๋œ๋‹ค๊ณ  ๋งํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋‚˜์—๊ฒŒ ๋ฒ„๊ทธ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ๋œํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋งž์ฃ ?

์˜ˆ์‹œ:

<strong i="11">@import</strong> url("//hello.myfonts.net/count/xyzxyz");
Less๋Š” ์•„๋ฌด ๊ฒƒ๋„ ์“ฐ์ง€ ์•Š์•˜์„ ๋•Œ ์„ฑ๊ณต์ ์œผ๋กœ ์ปดํŒŒ์ผ๋˜์—ˆ๋‹ค๊ณ  ๋งํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

<strong i="15">@import</strong> (css) url("//hello.myfonts.net/count/xyzxyz");
Less๋Š” ์„ฑ๊ณต์ ์œผ๋กœ ์ปดํŒŒ์ผ๋ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰