Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

LF newlines break styles. #14

Closed
Exoth opened this issue Sep 26, 2014 · 3 comments · Fixed by #15
Closed

LF newlines break styles. #14

Exoth opened this issue Sep 26, 2014 · 3 comments · Fixed by #15

Comments

@Exoth
Copy link
Contributor

Exoth commented Sep 26, 2014

Not sure, whether I should address this bug compass-fontcustom or fontcustom.

I generate font from my icons and get such a font-face definition in my css file:

@font-face {
  font-family: "glyphicons";
  src: url(/assets/glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.eot?#iefix) format('embedded-opentype'), url(/assets/glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.woff) format('woff'), url(/assets/glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.ttf) format('truetype'), url(/assets/glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.svg#glyphicons) format('svg');
  font-weight: normal;
  font-style: normal;
}

But if I change CRLF newlines in my SVG files into LF newlines, the font is generated, but font-face is css is strange:

@font-face {
  font-family: "glyphicons";
  src: url(/assets/glyphicons-preview.eot?#iefix) format('embedded-opentype'), url(/assets/glyphicons-preview.woff) format('woff'), url(/assets/glyphicons-preview.ttf) format('truetype'), url(/assets/glyphicons-preview.svg#glyphicons) format('svg');
  font-weight: normal;
  font-style: normal;
}

There are even no such files like glyphicons-preview.eot. Despite this, generated glyphicons.css links to proper files in its font-face:

@font-face {
  font-family: "glyphicons";
  src: url("./glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.eot");
  src: url("./glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.eot?#iefix") format("embedded-opentype"),
       url("./glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.woff") format("woff"),
       url("./glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.ttf") format("truetype"),
       url("./glyphicons_a1e24cb86b8f5da452c47d854d9f4dc3.svg#glyphicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@Exoth
Copy link
Contributor Author

Exoth commented Sep 26, 2014

I can provide you the icons by e-mail.

@glaszig
Copy link
Owner

glaszig commented Sep 26, 2014

please try creating your font with fontcustom only to isolate the location of the cause.

@Exoth
Copy link
Contributor Author

Exoth commented Sep 26, 2014

Done. Fonts, fontcustom.css and fontcustom-preview.html all look normal. Though the do look normal in case of compass-fontcustom usage too, as the problem is in css generated from sass.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants