GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → AlexandreArpin → mtg-font

AlexandreArpin / mtg-font

Licence: MIT license
An iconic font and CSS toolkit for Magic The Gathering

Programming Languages

CSS
56736 projects
HTML
75241 projects

Labels

csshtmlfontmtg

Projects that are alternatives of or similar to mtg-font

Typefaces
NPM packages for Open Source typefaces
Stars: ✭ 2,581 (+3870.77%)
Mutual labels:  font
Fontedit
A desktop app to import, edit and export fonts as byte arrays for use in embedded systems
Stars: ✭ 251 (+286.15%)
Mutual labels:  font
Noto-Sans-CJK-JP.min
Subset of the Noto Sans CJK JP for the size down.
Stars: ✭ 23 (-64.62%)
Mutual labels:  font
Firamath
Sans-serif font with Unicode math support
Stars: ✭ 238 (+266.15%)
Mutual labels:  font
Iterm Fish Fisher Osx
Complete guide and Bash script to install Command Line Tools + Homebrew + iTerm2 + Fish Shell + Fisher + Plugins for development purposes
Stars: ✭ 249 (+283.08%)
Mutual labels:  font
Firacode
Free monospaced font with programming ligatures
Stars: ✭ 60,943 (+93658.46%)
Mutual labels:  font
Amiri
Amiri Font Project.
Stars: ✭ 227 (+249.23%)
Mutual labels:  font
caskaydia-cove
Caskaydia Cove is a fork of the Cascadia Code typeface with the RFN (Reserved Font Name) removed, plus small adjustments to conform to the Google Fonts spec.
Stars: ✭ 62 (-4.62%)
Mutual labels:  font
Amstelvar
a parametric variable font by David Berlow
Stars: ✭ 251 (+286.15%)
Mutual labels:  font
homebrew-apple-fonts
Easily install Apples fonts using homebrew.
Stars: ✭ 12 (-81.54%)
Mutual labels:  font
Playfair Display
Playfair Display is an Open Source typeface family for display and titling use.
Stars: ✭ 237 (+264.62%)
Mutual labels:  font
Cherry
another bitmap font
Stars: ✭ 244 (+275.38%)
Mutual labels:  font
Font Awesome
The iconic SVG, font, and CSS toolkit
Stars: ✭ 66,937 (+102880%)
Mutual labels:  font
React Native Responsive Fontsize
🔠 Responsive fontSize based on screen-size of the device in React-Native
Stars: ✭ 238 (+266.15%)
Mutual labels:  font
monobit
Tools for working with monochrome bitmap fonts
Stars: ✭ 124 (+90.77%)
Mutual labels:  font
Neodgm
Modern TrueType font based on an old-but-good Korean bitmap font.
Stars: ✭ 230 (+253.85%)
Mutual labels:  font
Cssans.pro
CSSans Pro - The Colourful, Sassy, CSS Font
Stars: ✭ 252 (+287.69%)
Mutual labels:  font
Urbanist
Urbanist is a low-contrast, geometric sans-serif inspired by Modernist design and typography.
Stars: ✭ 374 (+475.38%)
Mutual labels:  font
punk-otf
Punk Nova - an OpenType implementation of Donald Knuth's Punk font
Stars: ✭ 37 (-43.08%)
Mutual labels:  font
Ciapre.tmTheme
Ciapre - an easy-on-the-eyes Sublime Text/TextMate color scheme.
Stars: ✭ 63 (-3.08%)
Mutual labels:  font
View All Similar Projects ➔

mtg-font

An iconic font and CSS toolkit for Magic The Gathering

Learn more here

Goals

The aim of this project is to generate scalable and customizable Magic The Gathering Symbols with very little HTML and that is familiar with the Font Awesome syntax.

For instance, generating a split mana symbol of White/Red only requires the following HTML

<div class="mi-split"><i class="mi mi-w"></i><i class="mi mi-r"></i></div>

And a green mana symbol is

<i class="mi mi-mana mi-g"></i>

How to modify the font

After trying various open source tools without a lot of success, this project currently uses fontastic.me to create the fonts from the SVG

I'd like to be able to have a command line pipeline to generate the fonts that's easy and reliable, if anybody has experience with doing so I'd be interested!

Wishlist / Todos / Roadmap

  • Add sets symbols (although they'll only be available as monochrome icons, so no mythic/rare gradients)
  • Open Source and reusuable font generation pipeline (so that anybody can create the font files)
  • Move to a CSS Preprocessor (PreCSS or SASS)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].