Code Monkey home page Code Monkey logo

cascadia-code's Introduction

Cascadia Code

About Cascadia Code

Cascadia is a fun new coding font that comes bundled with Windows Terminal, and is now the default font in Visual Studio as well.

Font Variants

  • Cascadia Code: standard version of Cascadia
  • Cascadia Mono: a version of Cascadia that doesn't have ligatures
  • Cascadia (Code|Mono) PL: a version of Cascadia that has embedded Powerline symbols

For the italic, there is a standard italic and a cursive variant accessible via ss01 (see below).

Font features

Coding Ligatures

Arrow Support

Stylistic Sets

Enabling stylistic sets will vary between applications. For example, in VS Code, you can enable stylistic sets (and other OpenType features) via settings.json:

"editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss19', 'ss20'"

To enable the Cursive form of the italic, here's the code you should use:

"editor.fontLigatures": "'calt', 'ss01'",

If you're using an environment that does not support the ss01 OT feature, one option to consider is opentype-feature-freezer.

Character Sets

Cascadia Code Cascadia Code Italic Symbols for Legacy Computing and other block elements

Installation

You can download the latest version of Cascadia Code from the releases page here: https://github.com/microsoft/cascadia-code/releases

Font formats:
  • ttf variable: we recommend this version for all users, and particularly those on Windows or any other OS that employs TrueType hinting. It offers the greatest diversity of weight options (anything from 200-700).
  • ttf static: in the rare situation where the above variable font version is not supported, or a singular weight is preferred to the entire range, static formats are supplied. However, please note they do not have the same degree of hinting quality as the variable font versions.
  • otf static: for users who prefer OTF format fonts, otf static instances are provided. At this time we do not have a variable font OTF version.
  • WOFF2: These versions are provided for the purposes of web use, and are available both as variable fonts, and static instances.

Once unzipped, right-click the font file and click Install for all users. This will install the font onto your machine.

👉 Note: If you have previously installed a version of Cascadia Code, please uninstall the previous version prior to installing a new version. Not doing so can result in improper rendering.

For more details and app-specific instructions, please check the wiki.

Get involved

Instructions on how to modify and submit an update to the Cascadia Code source is available in the wiki.

Communicating with the Team

The easiest way to communicate with the team is via GitHub Issues. Please file new issues, feature requests and suggestions, but DO search for similar open/closed pre-existing issues before you do.

Please help us keep this repository clean, inclusive, and fun! We will not tolerate any abusive, rude, disrespectful or inappropriate behavior. Read our Code of Conduct for more details.

If you would like to ask a question that you feel doesn't warrant an issue (yet), please reach out to us via Twitter:

Aaron Bell, Font Designer: @aaronbell

Kayla Cinnamon, Program Manager: @cinnamon_msft

Rich Turner, Program Manager: @richturn_ms

Special thanks to:

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

cascadia-code's People

Contributors

aaronbell avatar antoniocoratelli avatar apcamargo avatar cinnamon-msft avatar dependabot[bot] avatar dhowett avatar gupta-ji6 avatar madig avatar mfocko avatar microsoft-github-policy-service[bot] avatar microsoftopensource avatar msftgits avatar naelsondouglas avatar phmajerus avatar sayedarifuddin avatar sharakpl avatar tklecka avatar xatier avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cascadia-code's Issues

huge sidebearings on "m"

I've been trying out Cascadia (top one below) but the huge sidebearings around "m" drive me nuts for some reason every time I see a word like "comments" ☹️
2f7503be-f267-4def-9017-1c7e637fac46
Just seems like a huge departure from most monospaced fonts!

from @mdtauk

Increase the slope of the first stroke for "1"

Description of the new feature/enhancement (with images if possible)

The number "1" is hard to distinguish due to its first stroke is almost horizontal. It looks really like "l" rendered by other font.

Screen Shot 2019-09-19 at 5 05 53 PM

This issue could be more obvious when using low-density screens.

Screen Shot 2019-09-19 at 5 17 51 PM

Proposed technical implementation details (optional)

Please increase the slope of the first stroke, like so many other fonts did:(below is Menlo)

Screen Shot 2019-09-19 at 5 06 45 PM

Spanish Tilde Characters not showing in Notepad++

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: Notepad++ v 7.2.2
OS platform and version: Windows 10 64bi Pro 1903 build 18975 (Insider Preview) and 18362
Screen resolution (i.e. 220dpi): 

Any other software?

Steps to reproduce

Copy or enter a spanish special character (áéíóúÁÉÍÓÚÜüñÑ) in Notepad++
Instead of showing the special Character it displays a rectangular box placeholder character

Expected behavior

Characters should display correctly.

Actual behavior

Characters are not shown, rectangular placeholder is inserted instead

Comparison in Notepad++ and Windows Notepad
image

Poor rendering in font dropdown

Environment

Application (with version) used to display text: Word 365
OS platform and version: Windows 10 1903 Enterprise

Issue

Letters Æ, Ø, and Å must be styled to match AE, O, and A respectively.
For example, compare with these letters from Consolas:

CascadiaDan

Word font menu

Also, rendering of Cascadia's font example in the dropdown in Word is very poor:

CascadiaWord

Add glyphs for assorted additional characters

Description of the new feature/enhancement (with images if possible)

Please add glyphs for accented characters (specifically, for my case, ISO-8859-1-equivalent; i.e.,
U+00C0 to U+00FF); the Greek alphabet, uppercase and lower (U+0370-03FF); and the copyright and trademark symbols (U+00A9 and U+2122).

I have more than a few filenames which contain the first; a considerable amount of mathematical code which makes use of Greek symbols in variable and function names; and, of course, copyright and trademark symbols appear repeatedly in comments and embedded messages.

Cascadia needs hinting

Cascadia glyph outlines look "rough" in Outlook's font preview ...

image

... and in Visual Studio
image

It'd be great if Cascadia could be hinted to eliminate these issues.

Some ligatures aren't working in Windows Terminal

I have installed Cascadia from Github here and in Visual Studio Code the ligatures seem to be working as expected.

In Windows Terminal though, some of them aren't working.
More in particular I have tested these: -> <- >= =>

image

Bug Report: parenthesis width changes when bold

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: pyCharm
OS platform and version: windows 10, 18362.356
Screen resolution (i.e. 220dpi): multiple screens, 4k on 27" and FullHD 15"

Any other software? Issue not present in Notepad++ (but that editor does not display combined glyphs (e.g. !=) correctly so it may be irrelevant.

See attached images, anything right of ( gets pushed a few pixels when ( is highlighted. Same is true for [ and {

image
image

Bug Report - missing glyphs for symbols like 'tick'

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: PowerShell Core Terminal, Command Prompt
OS platform and version: Win10 Pro 1908 build 18363.356
Screen resolution (i.e. 220dpi): 1920*1080 15.6" 125% 

Any other software? Flutter SDK

Steps to reproduce

  • Run PowerShell Core terminal/Command Prompt from context menu
  • Change font to Cascadia Code
  • Run flutter doctor

Expected behavior

With Fira Code
fira-code-working-glyph

Actual behavior

With Cascadia code

on PowerShell
cascadia-code-missing-glyph

on Command Prompt
cascadia-code-missing-glyph-2

Missing glyphs can be seen above as empty boxes

Feature Request: font is very feeble on Visual Studio - windows

Description of the new feature/enhancement (with images if possible)

I just changed my font to Cascadia Code on VS 2017 and it looks very feeble compared to Consalas which I have been using forever.
image

I would prefer it to be stronger than it exists now👍

"7", "5" top strokes don't match thickness of those of "Z","E","F","T"

The horizontal strokes on the tops of Z, F, E, T are 190.0 units thick. On 7 it's 196.0 and on 5 it's 186.0.

At 12pt on a 96.0 DPI display (100% scaling), this results in a stroke with an unpleasantly high optical weight.

image
(note: this repro image is 6pt on a 196.0-dpi display; it should act similar)

Source: raw glyphs - not a hinting issue

/> tag doesn't look balanced

As of now the /> tag looks like this

image

Same issue with Fira Code Retina font.

It looks unbalanced. Can you please fix this?

Installation warning on MacOS Mojave

Environment

Cascadia Code version number:
Application: Fontbook
OS platform and version: MacOS Mojave 10.14.6
Screen resolution (i.e. 220dpi): 2880 x 1800

Any other software?

Steps to reproduce

Download the ttf from current master. Try to install using fontbook.

Expected behavior

Installation should proceed without warning

Actual behavior

User is presented with minor warning found during validation

image

add Powerline symbols

codepoint glyph codepoint glyph
E0A0 image
branch
E0A1 image
E0A2 image
E0B0 image
left divider (hard)
E0B1 image
left divider (soft)
E0B2 image
right divider (hard)
E0B3 image
right divider (soft)

Installation failed on Ubuntu 18.04

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: Gnome Fonts 3.28.0-1
OS platform and version: Ubuntu 18.04
Screen resolution (i.e. 220dpi): N/A

Any other software?

Steps to reproduce

  1. Download the ttf file from release
  2. Open the file in Fonts
  3. Click Install button

Expected behavior

Font should be installed, button should show "Installed"

Actual behavior

Font failed to install, button shows "Install Failed"
Font failed to install

Special characters don't behave as monospace

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: Windows Notepad
OS platform and version: Windows 10 64bi Pro 1903 build 18975 (Insider Preview) and 18362
Screen resolution (i.e. 220dpi): 

Any text editors to be honest

Steps to reproduce

Use any Spanish special characters (and I assume any other language's special characters)

áéíóú ÁÉÍÓÚ üÚ ñÑ

Expected behavior

Font should behave as monospace (same width for every character) This does not happen with special characters

Actual behavior

Character width is smaller than expected.

image

Note

Probably related to: #52 and #49

Feature Request: FontBakery Regression Testing

https://devblogs.microsoft.com/commandline/cascadia-code/ says

👉 Note: There is currently no proper testing framework built into the repository, so all pull requests will have to be manually tested and validated. This will slow down pull request approvals, so please bear with us. 😊

The www.GitHub.com/googlefonts/FontBakery font testing tool may be suitable for meeting this need. It has been successfully used via Travis CI to do regression testing.

cc @felipesanches @graphicore @m4rc1e

Bug Report: <!-- (html comment start) ligature cuts off most of its < part

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: Sublime Text 3.2.1 Build 3207
OS platform and version: Linux (...whatever version you get by default in ChromeOS linux containers)
Screen resolution (i.e. 220dpi): Don't know, but this isn't hinting related so I don't think it matters.

Steps to reproduce

Type <!-- into a text document.

Expected behavior

Cool html-comment-start ligature appears.

Actual behavior

Ligature appears, but almost all of the < part is clipped. See screenshot:

Screenshot 2019-09-19 at 4 32 03 PM

This happens regardless of where in the line the <!-- appears.

top stroke on "1" feels out-of-place

The lack of character on the top stroke of the number 1 feels out of keeping with the shape on the lowercase c and the stylised 2. Now the bottom stroke of the lowercase l is curved, it is distinct enough from the number 1 to allow for a diagonal top stroke.

from @mdtauk

Font point size appears to be 1 point larger than should be.

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: Visual Studio 2017, Word 2013
OS platform and version: Windows 10, 16299.1387
Screen resolution (i.e. 220dpi): 1920x1080

Any other software?


# Steps to reproduce

Simple comparison of fonts side by side in Word will show.

I typed a few copies of the same character out on 1 line in Word, then repeated it with another character on the next line, like this:
  TTT
  AAA
  ZZZ
I then set the first character per line to 10pt Calibri, the 2nd to 10pt Consolas, and the 3rd to 10pt Cascadia Code.  Cascadia was noticeably taller:
![FontSizes](https://user-images.githubusercontent.com/36713063/65252188-874f1f00-dac6-11e9-867b-53e5ebc975ea.png)

I then set the first 2 characters to 11pt and they appeared as the same height as the Cascadia character:
![FontSizes2](https://user-images.githubusercontent.com/36713063/65252346-ce3d1480-dac6-11e9-9afa-aa1f18d2358a.png)

# Expected behavior

Characters should be the same size as other fonts.

# Actual behavior

Cascadia Code appears to be 1pt larger than other fonts of the same size (Calibri and Consolas at least).

Distribute Cascadia Code via the Windows Store

Description of the new feature/enhancement

Since there is a font section in the Windows Store, wouldn't it make sense to distribute the font there? Especially if it gets updated regularly? Would be a useful addition for developers on Windows.

BTW great work, i installed Cascadia Code on all my dev boxes already.

== ligature

The distinction between "=" and "==" is quite subtle which could be dangerous for c++ code, maybe a 3 line equals for the "==" ligature could be more appropriate?

Suggestions regarding Microsoft's new terminal/coding font

image

Until the font and its design makes its way to GitHub, I wanted to offer a couple of thoughts on where the font stands so far.

a

I think the lowercase a feels heavy and awkward.

f

I think the bar on the lowercase f feels too low (I know this is done to make the ascender of the f more visible, but it feels a tad too low.

r

The lowercase r's serifs make it feel out of character to the other lettershapes.

m

The m feels very crushed and narrow. There is little that can be done to fix this, unless every other character is made wider to allow it to breathe.

1

The lack of character on the top stroke of the number 1 feels out of keeping with the shape on the lowercase c and the stylised 2. Now the bottom stroke of the lowercase l is curved, it is distinct enough from the number 1 to allow for a diagonal top stroke.

Other ideas

There could also be vertically centred punctuation when used between Uppercase or Lowercase letters or numbers.

There could be oldstyle and tabular digits used contextually.

There could be special digits used for line numbers.

If the font was a variable font, the regular and bold thickness could adapt when the text is dark on light, or light on dark.

Error messages could also appear bolder than the standard regular and bold weights.

CJK compatibility

Is it possible to make the font compatible with Chinese characters?

image

Remove RFN

The LICENSE file on line 2 specifies a Reserved Font Name, but this means anyone forking the repo and making a change, without first changing the name, has their license terminated. This is very serious!

Please either remove the RFN (my recommendation) or change the font family name in the source files to another codename.

Any plans for a lighter weight? (Or am I using it wrong?)

Tried switching to CC in VS Code on macOS, from my previous font of SFMono-Regular, by installing the .ttf into Font Book, and putting 'Cascadia Code' at the beginning of the Font Family box in VS Code.

To my eyes, the font is a bit heavier than what I'd prefer. It seems as though only one weight was installed, "Regular," is that right? If so, any plans to provide lighter weights to choose from?

'W' and 'w' glyphs appear to be set too low

Environment

Cascadia Code version number: version used in Sept 19 2019 blog post
Application (with version) used to display text: Mac Firefox 69 and Chrome 76
OS platform and version: MacOSX 10.13.6
Screen resolution (i.e. 220dpi): 220dpi

Steps to reproduce

  1. Load the blog post https://devblogs.microsoft.com/commandline/cascadia-code/
  2. Look closely at the first subhead (“Wait, what’s Cascadia Code?”)
  3. Note how the baseline of the ‘W’ and ‘w’ characters fit with the rest of the line

Expected behavior

The baseline of the Ws should match the surrounding characters (particularly the ‘i’ and ‘h’)

Actual behavior

The baseline of the Ws appears to be a pixel too low.

image

Box-drawing glyphs leave gaps between lines

Environment

Cascadia Code version number: 1909.16
Application (with version) used to display text: Windows Terminal 0.4.2382.0
OS platform and version: Windows 10, Insider build 18980

Steps to reproduce

  1. Open Windows Terminal.
  2. Switch the font in use to Cascadia Code in the Settings.
  3. Run a program which displays lines drawn with box-drawing glyphs (for example, pstree).

Expected behavior

Drawn lines should be continuous.

Actual behavior

This shows the result of switching Windows Terminal to Cascadia Code 10, having previously been using Consolas 10, with which font the lines in the directory tree and at the right of the prompt do appear continuous. As can be seen, this is not the case with Cascadia.

linedrawing-cascadia

Feature Request: Metric‑compatibility with Consolas

Description of the new feature/enhancement

Currently, I’m using Input Mono Narrow, which is the version of Input Mono that is metrically-compatible with Consolas.

Cascadia Code is ever so slightly thinner than Consolas, which makes long lines of code to be shorter than when Consolas is used, which is what I used previously, as it’s the built‑in monotype font on Windows.

Wrong rendering of accented letters

I have just tested this font and found that the accented letters are rendered lighter and smaller or as empty box. See cascadia-example.tar.gz.

The cascadia-emacs example shows òàploiç... in which ploi are right but see the others.. Instead the cascadia-dos example shows an empty box in place of an à

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.