FitText.js
FiraCode
FitText.js | FiraCode | |
---|---|---|
8 | 206 | |
6,768 | 75,363 | |
- | - | |
0.0 | 6.1 | |
over 3 years ago | 2 months ago | |
HTML | Clojure | |
- | SIL Open Font License 1.1 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
FitText.js
-
The elements of responsive typography
You could also use a JavaScript library FitText.js, FlowType.js, or Lettering.js to easily apply fluid typography to your project with zero stress.
-
Ajusting text to fit in div
It does remind me of something I use to use about 15 years ago, called FitText although it's not meant for paragraphs, it's just meant for super large headings http://fittextjs.com/
-
need help with a bit of CSS
So making a card with a 50/50 height ratio should be easy if you use something like flex and hide any overflow from the title, for example. Having text always contain the same vertical and horizontal space is less trivial. You'll have to dynamically calculate the width and height of the container, and dynamically adjust the size of the text. This will likely require some JS. Maybe check out Percentext, Fittext, or search for alternatives to these.
-
How to auto resize text on canvas, to be, let's say 5 pixels from the edges?
fit Text is a js plugin that does this
-
I've built a Modern fluid typography editor using Svelte
What is the difference between this and http://fittextjs.com/ ?
- Make text smaller when there is more text?
- Font size is useless; let’s fix it
- Make text fit it's parent size using JavaScript
FiraCode
-
I Just Wanted Emacs to Look Nice – Using 24-Bit Color in Terminals
IME, this is like the golden age of terminal apps in general and macOS-compatible ones in particular. There are several really good terminals for macOS:
[iTerm2 app](https://iterm2.com/)
[Kitty terminal](https://sw.kovidgoyal.net/kitty/)
[WezTerm terminal](https://wezfurlong.org/wezterm/index.html)
[Alacritty](https://github.com/alacritty/alacritty)
My daily driver is WezTerm…
- Runs on Linux, macOS, Windows 10 and FreeBSD
- [Multiplex terminal panes, tabs and windows on local and remote hosts, with native mouse and scrollback](https://wezfurlong.org/wezterm/multiplexing.html)
- [Ligatures](https://github.com/tonsky/FiraCode#fira-code-monospaced-font...), Color Emoji and font fallback, with true color and [dynamic color schemes](https://wezfurlong.org/wezterm/config/appearance.html#colors).
- [Hyperlinks](https://wezfurlong.org/wezterm/hyperlinks.html)
- [Searchable Scrollback](https://wezfurlong.org/wezterm/scrollback.html) (use mouse wheel and `Shift-PageUp` and `Shift PageDown` to navigate, Ctrl-Shift-F to activate search mode)
- xterm style selection of text with mouse; paste selection via `Shift-Insert` (bracketed paste is supported!)
- SGR style mouse reporting (works in vim and tmux)
- Render underline, double-underline, italic, bold, strikethrough (most other terminal emulators do not support as many render attributes)
- Configuration via a [configuration file](https://wezfurlong.org/wezterm/config/files.html) with hot reloading
- Multiple Windows (Hotkey: `Super-N`)
- Splits/Panes (Split horizontally/vertically: `Ctrl-Shift-Alt-%` and `Ctrl-Shift-Alt-"`, move between panes: `Ctrl-Shift-ArrowKey`)
- Tabs (Hotkey: `Super-T`, next/prev: `Super-Shift-[` and `Super-Shift-]`, go-to: `Super-[1-9]`)
- [SSH client with native tabs](https://wezfurlong.org/wezterm/ssh.html)
- [Connect to serial ports for embedded/Arduino work](https://wezfurlong.org/wezterm/serial.html)
- Connect to a local multiplexer server over unix domain sockets
- Connect to a remote multiplexer using SSH or TLS over TCP/IP
- iTerm2 compatible image protocol support, and built-in [imgcat command](https://wezfurlong.org/wezterm/imgcat.html)
- Kitty graphics support
- Sixel graphics support (experimental: starting in `20200620-160318-e00b076c`)
-
Icons cut off when using using Konsole?
I use Konsole without any problem. Check the font. I recommend you to use one from here: https://www.nerdfonts.com/font-downloads. I personally use FiraCode medium patched with this tool to change the @ and the & symbols (ss03 and ss05). If you like that font, here you could get the codes to match your needs https://github.com/tonsky/FiraCode
-
What font are you using and why?
Fira Code with Ligatures Enabled but also Ligatures Limited - (as per wiki), to make sure those Ligatures are not where you don't want them to be.
-
copilotIsntGonnaLetMeDown
Seriously though this is my recommendation: https://github.com/tonsky/FiraCode
-
which Font do you use?
https://github.com/tonsky/FiraCode give it try
-
Berkeley Mono Typeface
I was the same until I started using Fira Code and don't think I'll ever go back to anything else. the ligatures are worth it
https://github.com/tonsky/FiraCode
- Mis 3 fuentes favoritas Open Source para VSCode 😎
-
Elevate Your Frontend Productivity Must-Have Tools and Configurations
Fira Code: A monospaced font with ligatures that enhance code legibility.
- FiraCode: Free monospaced font with programming ligatures
What are some alternatives?
Lettering.js - A lightweight, easy to use Javascript <span> injector for radical Web Typography
nerd-fonts - Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more
FlowType.JS - Web typography at its finest: font-size and line-height based on element width.
cascadia-code - This is a fun, new monospaced font that includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal.
slabText - A jQuery plugin for producing big, bold & responsive headlines
alacritty - A cross-platform, OpenGL terminal emulator.
BigText - jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.
source-code-pro - Monospaced font family for user interface and coding environments
circletype - A JavaScript library that lets you curve type on the web.
Hack - A typeface designed for source code
jquery-responsive-text
neovim - Vim-fork focused on extensibility and usability