Extend code font list

[mynetx]

Have any noteworthy/add-worthy code fonts surfaced since we built this?

[chrissimpkins]

Can you remind me where the total list of fonts that we support is located in the script? As I recall, the menu limits to only the subset that are installed on a user's platform from the total list with the exception of Hack?

[mynetx]

The menu limits to what's either locally installed or can be loaded as a webfont.

List:
https://github.com/sf-web/sf-web.github.io/blob/master/hack/playground.html#L122-L157

Loader with CSS file paths:
https://github.com/sf-web/sf-web.github.io/blob/master/hack/assets/js/playground.js#L64-L74

CSS files (for fonts not on Google Fonts):
https://github.com/sf-web/sf-web.github.io/tree/master/hack/assets/fonts

[chrissimpkins]

Suggest the addition of the following:

• Fira Code
• M+1m
• Input Mono

[mynetx]

@chrissimpkins Do they have webfonts, at Google or elsewhere, or are they to be local only?

[chrissimpkins]

Good question. I don't believe that any of them are on Google fonts. Sorry, not sure.

[mynetx]

I have now loaded Fira Code but I can't seem to get the ligatures to work. And without them no point to upload it.

[chrissimpkins]

Are these web font releases by their team or did you make the web fonts? If the latter we may need to make sure that the ligature scripting was maintained in the fonts.

First glance through Google search is that there are some CSS settings that can be applied. I never use ligatures so have never explored this. There is a great deal of demand for ligatures out there and it would be helpful to be able to show those in Hasklig too. This article could be used as a starting point to troubleshoot:

https://www.viget.com/articles/css-typography-kerning-ligatures-swashes-small-caps

[mynetx]

@chrissimpkins I found web font version that support it, and I have Fira Code with ligatures in my copy now.

[mynetx]

Where are these @chrissimpkins?

• M+1m
• Input Mono
• Hasklig

[chrissimpkins]

• Input Mono : http://input.fontbureau.com/
• M+1m - not sure if they release web fonts. You can find the desktop fonts in the Codeface repo https://github.com/chrissimpkins/codeface/tree/master/fonts/mplus1m
• Hasklig - https://github.com/i-tu/Hasklig/

[mynetx]

[mynetx]

If you use the Input Font Software in a non-development context, or in any context where the Font Software or its appearance will be published or distributed, you will need to purchase the appropriate License.

[chrissimpkins]

@jublo sounds like we cannot use Input Mono then?

[mynetx]

@chrissimpkins We can use it and I added it – as long as the user has installed it locally.

[chrissimpkins]

@jublo I see, it is supported only when there is a local install of the font?

[mynetx]

as long as the user has installed it locally

@chrissimpkins Yes exactly. Like Hasklig and many others in that list.

[chrissimpkins]

@jublo do the hasklig ligatures work now with CSS changes?

[mynetx]

@chrissimpkins Yes they do. Yet Fira Code has more of them.

[chrissimpkins]

OK to close this?

[mynetx]

I guess so, from my POV

[chrissimpkins]

👍

[chrissimpkins]

@burodepeper want to add fifteen as a selection in font playground?