uclaacm / westwood_sans

Experimental custom font for ACM at UCLA

Westwood Sans

Westwood Sans is a custom font for UCLA ACM. Made with Figma and Glyphs.

Usage

To use via CDN, just copy this into your CSS file:

@import url('https://cdn.jsdelivr.net/gh/uclaacm/westwood_sans/font.css');

If you don't have a CSS file just use <style> tags in the HTML.

And then use this CSS rule to specify the family

font-family: 'Westwood Sans', sans-serif;

Here's an example of how to use it

You could also just download it and install it normally

Note: when installing a newer version of the font, delete the old font from your system first! (In some cases, the new changes won't take effect if the old version isn't removed first)

Version History

v1.0

• All kerning and thickness
• First "official release"

v0.5

• Kerning for regular
• Thickness for regular

v0.4.1

• Kerning for regular 'Y'

v0.4

• Kerning for regular
• Tweaked spacing

v0.3

• All basic keyboard characters
• Basic spacing for all characters

v0.2

• All uppercase letters
• Spacing for lowercase letters
• Period and exclamation mark

v0.1

• Initial release w/ only lowercase letters

westwood_sans's Issues

Circular char kerning

Kerning between circular letters should be same. In the image, top is Gilroy, and bottom is Westwood Sans. Notice in Gilroy, kerning of 'oo', 'oc', and 'od' are all the same. It should be the same for Westwood IMO. Consider similar kerning for other circular letters too, like 'a', 'b', etc.

O is not circular

For some reason, the 'O' and 'o' are not symmetrical - it appears to be bulging out to one side.

'C' is uneven

The letter 'C' has uneven width, unless this is intentional.

Uneven 'y'

The 'y' character seems to have uneven width - the bottom part seems thinner than the upper half.

Number height

Numbers like '1' appear higher than "round" numbers like '9'. Maybe reduce the height of numbers like '1'

Web demo of font

Great work so far on Westwood Sans! It'd be great if we could have a webpage that lets us demo the font without installing it locally.

This should be pretty simple: we just need to load the .ttf (or .otf, etc.) and link it into the site. Functionality could include:

• at base: specimens for uppercase and lowercase type. Ex "The quick brown fox jumps ..."
• nice to have: the user can type in any text they want, and it renders in the font
• nice to have: showing off different weights, font sizes, etc. , a "typical use-case"
• nice to have: non-ASCII glyphs (i assume this is currently unsupported)

Uneven width between capital and lowercase letters

Letters like capital 'D' and 'C' appear to have less weight compared to other lowercase letters. Might need to look into see of other letters have a similar issue.

annie pl0x help me

Move website source code to this repo

The source code for Westwood Sans demo site should be in this repo, so people can make updates as needed. Maybe use 11ty for this as well? Or since the website is really simple, hard-coding everything from scratch might be better.

Smoothing on "S"

When zoomed in, the curves for "S" and "s" are noticeably bumpy.

Kerning in "Before You"

The kerning seems off in the phrase "Before You", especially between the 'Y' and the 'o'

"Space" Character Spacing

comparing with futura
and like
I think the words are too spaced out.

Also the web demo could use more vertical spacing

Issue with 'W'

The 'W' glyph has an error near the center top:

Accented characters

Accented Latin characters exist in several languages, including ones widely used at UCLA (e.g., Spanish, Chinese Pinyin, Vietnamese, French). A good starting point would be the Unicode Latin-1 Supplement block which covers most Western European languages. After that would be various Latin Extended blocks.

Make the font available through an open source npm font packager?

Related to #19, should we make Westwood Sans available through an open source npm font packager like Fontsource? It would make it easier for devs that would want to use the font for their projects by just installing a package and adding in the font-family instead of having to download the .ttf file off of the repo.

Website of Westwood Sans says "UCLA ACM"

As per branding guideline, we should use "ACM at UCLA", not "UCLA ACM"

consider variable font

Will allow you to produce more weights with less work. Westwood Sans is already entirely geometric so it might be easier.

Also pls make sure william isnt doing everything; rest of team should be contributing in glyphs too (idk if this is already the case)

Host the font on a CDN?

Is it possible to host the font on a CDN? It would be nice if people can import it like Google Fonts to use on their website.