search

tomyeh / ZUSS

An extension to CSS providing mixins, nested rules, conditional content, variables and seamless Java integration.
http://books.zkoss.org/wiki/ZUSS_Reference
19 stars 5 forks source link

error inserting a font-face #13

Closed jpeter06 closed 12 years ago

jpeter06 commented 12 years ago

Hello, just detected an error with quotations.

org.zkoss.zuss.ZussException: [zuss] fonts.zuss:Line 14: unclosed string literal. Single quotation not working.

@font-face { font-family: 'icons'; src: url('icons-webfont.eot'); src: url('icons-webfont.eot?#iefix') format('embedded-opentype'), url('icons-webfont.woff') format('woff'), url('icons-webfont.ttf') format('truetype'), url('icons-webfont.svg#iconsMedium') format('svg'); font-weight: normal; font-style: normal; }

.icons { 
    font-family: 'icons', Arial;
    font-size: 18px;
}
tomyeh commented 12 years ago

Unable to replicate the problem. Did you test with the latest version?

jpeter06 commented 12 years ago

Ok, now I have no exception but in the output I can not fount @font-face, it disapears.

tomyeh commented 12 years ago

@font-face {..} is a definition. You have to apply it to the location you want. For example,


div {
    @font-face;
}
jpeter06 commented 12 years ago

I Am using it like here http://jsfiddle.net/xEThN/ It is not a definition, it is just like it is defined in css3, isn't it?

On Friday, June 29, 2012, Tom Yeh wrote:

@font-face {..} is a definition. You have to apply it to the location you want. For example,


div {
       @font-face;
}

Reply to this email directly or view it on GitHub: https://github.com/tomyeh/ZUSS/issues/13#issuecomment-6659981