Add support for multiple font styles

[LitoMore]

Related to #222
Resolves #211

Get a preview build

Download it from: simple-icons-font-multi-styles.zip

Changes

• This changed the default font style to the same aspect ratio as the icon. Users still can use the squared version with the SimpleIcons-Squared.[ext] font file
• Re-organized the font file locations since we added a new style
• Specify the font-style in the font SVG template

Web browser preview

Typeface preview

Before	After

File tree

font
├── simple-icons.css
├── simple-icons.min.css
├── simple-icons.json
├── simple-icons.min.json
├── SimpleIcons.eot
├── SimpleIcons-Fit.eot
├── SimpleIcons.otf
├── SimpleIcons-Fit.otf
├── SimpleIcons.svg
├── SimpleIcons-Fit.svg
├── SimpleIcons.ttf
├── SimpleIcons-Fit.ttf
├── SimpleIcons.woff
├── SimpleIcons-Fit.woff
├── SimpleIcons.woff2
└── SimpleIcons-Fit.woff2

[mondeja]

This seems like a breaking change to me. Can we prepare it for v15?

[LitoMore]

This seems like a breaking change to me. Can we prepare it for v15?

Sure. Let's convert it to draft.

[LitoMore]

@mondeja Resolved conflicts and ready for review.

[mondeja]

Would you mind to resolve conflicts again?

[mondeja]

I think that the regular style should keep the old file name. Adding -Regular to the file name only confuses and adds a breaking change to most consumers of this library providing no benefits.

[LitoMore]

I think that the regular style should keep the old file name. Adding -Regular to the file name only confuses and adds a breaking change to most consumers of this library providing no benefits.

Good point. Do you have a good suggestion for the new style name? What about Fit?

[mondeja]

I think that the regular style should keep the old file name. Adding -Regular to the file name only confuses and adds a breaking change to most consumers of this library providing no benefits.

Good point. Do you have a good suggestion for the new style name? What about Fit?

If it provides the same functionality than viewbox=auto in the CDN, probably viewbox-auto or ViewboxAuto or viewbox=auto or viewbox or whatever, to maintain the same API. But I'm not totally sure if that would be better than Fit anyway, so as you want.

[LitoMore]

Thanks for your thoughts. I think auto-viewbox is more for SVGs, and fit would be better for font style names.

I've kept the old icon style as Regular. And the new icon style is Fit.

It's ready for review now.

[mondeja]

I'm probably not expressing myself correctly. What I was saying earlier is that I think that the generated directory structure should be like this:

font
├── Fit
│   ├── SimpleIcons-Fit.eot
│   ├── SimpleIcons-Fit.otf
│   ├── SimpleIcons-Fit.svg
│   ├── SimpleIcons-Fit.ttf
│   ├── SimpleIcons-Fit.woff
│   └── SimpleIcons-Fit.woff2
├── simple-icons.css
├── SimpleIcons.eot
├── SimpleIcons.json
├── simple-icons.min.css
├── SimpleIcons.min.json
├── SimpleIcons.otf
├── SimpleIcons.svg
├── SimpleIcons.ttf
├── SimpleIcons.woff
└── SimpleIcons.woff2

Instead of the one currently being generated, which is this:

font
├── eot
│   ├── SimpleIcons-Fit.eot
│   └── SimpleIcons-Regular.eot
├── otf
│   ├── SimpleIcons-Fit.otf
│   └── SimpleIcons-Regular.otf
├── simple-icons.css
├── SimpleIcons.json
├── simple-icons.min.css
├── SimpleIcons.min.json
├── svg
│   ├── SimpleIcons-Fit.svg
│   └── SimpleIcons-Regular.svg
├── ttf
│   ├── SimpleIcons-Fit.ttf
│   └── SimpleIcons-Regular.ttf
├── woff
│   ├── SimpleIcons-Fit.woff
│   └── SimpleIcons-Regular.woff
└── woff2
    ├── SimpleIcons-Fit.woff2
    └── SimpleIcons-Regular.woff2

For several reasons:

• Avoid the breaking change for consumers of needing to change the file used. This is a breaking change for most of them that does not offer benefits.
• Less directories.
• Less weird names in fonts.

[LitoMore]

How about this?

font
├── simple-icons.css
├── simple-icons.min.css
├── simple-icons.json
├── simple-icons.min.json
├── SimpleIcons.eot
├── SimpleIcons.otf
├── SimpleIcons.svg
├── SimpleIcons.ttf
├── SimpleIcons.woff
├── SimpleIcons.woff2
├── SimpleIcons-Fit.eot
├── SimpleIcons-Fit.otf
├── SimpleIcons-Fit.svg
├── SimpleIcons-Fit.ttf
├── SimpleIcons-Fit.woff
├── SimpleIcons-Fit.woff2

I've moved all font files to the same directory. I also changed the data JSON file name to simple-icons.json and simple-icons.min.json.

[mondeja]

Much better. Thank you, this is great!