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

Update @font-face declarations in CSS style sheets #8

Closed
wants to merge 9 commits into from
Closed

Update @font-face declarations in CSS style sheets #8

wants to merge 9 commits into from

Conversation

eric-brechemier
Copy link

The format used for the @font-face declarations is now
the "Fontspring @font-face Syntax"[1] considered [2]
"the most simple and compatible one".

[1] The New Bulletproof @font-face Syntax
2011-02-03 (last updated: 2011-04-21)
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

[2] The @font-face Rule And Useful Web Font Tricks
2011-03-02, by Ralf Hermann
http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/

This is a first step for consistency, before upgrading the
@font-face declaration.
1) I added the part -sans were missing to ensure that the full name
of the family was used as prefix: 'ostrich-sans-'

2) I added the suffix -webfont

3) I removed the suffix -regular which was ambiguous in the context
of font style (regular vs italic) and weight (regular vs thin, bold, ...)
For the files "ostrich-sans-inline-webfont.svg" and
"ostrich-sans-inline-italic-webfont.svg", which are not
in SVG format actually (see issue #7 on GitHub), I replaced
the ID with #MISSING for the time being.
The format used for the @font-face declarations is now
the "Fontspring @font-face Syntax"[1] considered [2]
"the most simple and compatible one".

Note: I changed the font-weight declaration for 'Ostrich Sans' Medium
from 400 (Normal) to 500 (Medium). [3]

[1] The New Bulletproof @font-face Syntax
2011-02-03 (last updated: 2011-04-21)
http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

[2] The @font-face Rule And Useful Web Font Tricks
2011-03-02, by Ralf Hermann
http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/

[3] §3.2. Font weight: the font-weight property
in CSS Fonts Module Level 3
http://www.w3.org/TR/css-fonts-3/#font-weight-prop
An extra line was added in February 2011 to account for IE9 rendering
a page in compatibility mode for IE7 or IE8.

This extra line is still found today (2013) in the CSS of Web font kits
downloaded from Font Squirrel and Fontspring.
@alerque
Copy link
Member

alerque commented Nov 9, 2020

I'm sorry this didn't get reviewed a long time ago, but I'm afraid it's rather obsolete now. In current builds (see recent releases of Raleway, League Spartan, League Gothic, and League Mono) we're not including CSS snippets at all. This will land for this font as well after #16 is ready. If that were to change, the change should happen in fontship itself where they would be automatically generated. If you feel that's a significant need I'm happy to consider it there; the place to track it is this issue: theleagueof/fontship#77

@alerque alerque closed this Nov 9, 2020
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 this pull request may close these issues.

2 participants