Open Source TypeScript Fonts

System-UI replacement fonts available on all platforms | A system-UI alternative font for all cross-platform. Pretendard is a modern font that is natural for cross-platform product offerings and multilingual typography. Pretendard, which has been refined based on Inter , Bongothic , and M PLUS 1p , does not require additional work for readability and visual correction in the reading environment. A detailed story explaining Pretendard's background, features, and OpenType features can be found. You can use Pretendard using a CDN, and you can use the CDN of your choice among cdnjs and UNPKG, in addition to jsDelivr, which is basically recommended by checking the toggle. Pretendard provides dynamic subsets in the same way as Hangul fonts provided by Google Fonts, as a way to solve the problem of web font capacity. Use the code below to use Pretendard faster by selectively downloading only the text included in the page. The font-family name to use Pretendardis.

Vazirmatn is a Persian/Arabic font project that started in 2015 under the name of Vazir with the idea of a new simple and legible typeface suitable for web pages and applications. Design and development have taken a long way but I hope the results are worth it. Thanks to DejaVu Sans font (v2.35) published in public domain there was a free software base to start the Vazir project. Although Vazir was completely different in typeface, still the original software was common. The design is done in Fontforge. For Latin glyphs, Vazirmatn is combined with Roboto font by a build script, however, there is also a version without Latin glyphs (Non-Latin). All weights other than Thin, Regular and Black are generated by the interpolation method by fontmake library.

Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Download our set on the desktop to use them in your digital products for Web, iOS and Android. Additionally, Eva Icons supports 4 animation types: zoom, pulse, shake and flip. Icons are provided in two visual types, Fill and Outline and in several formats, including PNG, SVG, font, Sketch, etc. you also can download icons one by one in PNG and SVG formats from Eva Icons Website. Load from CDN in your project. After including the script, eva will be available as a global variable. Add the data-eva attribute with the icon name to an element. Call eva.replace(); to replace all elements with the data-eva data attribute with SVG elements. You can also pass some additional parameters to the replace method to modify the replace function behavior.

You can incrementally search for Font Awesome icons and paste it to front most app. Download Font-Awesome.alfredworkflow and import to Alfred (requires Powerpack). The current supported version is Font Awesome 5.15.3 Free. macOS Catalina refuses to run unsigned binaries by default. Turn off "Automatically paste to front most app" in Workflow's Preferences. Paste character name and ligatures shoud convert the letter into the correct symbol. (for designing in Photoshop, Illustrator, etc) Paste character code (e.g. f18e) Open in browser.

ShieldFont is an open-source typeface system designed to discourage unauthorized collection of written work for AI training. It replaces words in HTML with grammatically compatible decoys, then uses OpenType rules to display the intended text to human readers. Basic scrapers that collect source text without rendering the font receive the substituted version instead. React components, build-time tools, CDN assets, and downloadable fonts support several publishing workflows. Users can generate protected versions of their own typefaces and create private substitution mappings. An optional accessibility layer reveals the original text through a browser-side puzzle, but protected blocks are not fully WCAG compliant. The defense raises scraping costs rather than providing encryption and does not stop font analysis, rendered browsers, OCR, or screenshots.

Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Check out our playground in StackBlitz and start experimenting! Although we strongly advise against installing your icons globally. Phosphor takes advantage of Vue's provide/inject options to make applying a default style to all icons simple. Create a provided object or function at the root of the app (or anywhere above the icons in the tree) that returns a configuration object with props to be applied by default to all icons in the tree. You may create multiple providers for styling icons differently in separate regions of an application; icons use the nearest provider above them to determine their style.

Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier – like circle-plus, slash, or even poop – to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. Font Awesome Sharp Solid and Regular, the first styles in our new Sharp family, are ready to use when you need a special touch of class for your project! Read the announcement and see what's new in the 6.3.0 release. Font Awesome 6 makes it even easier to use icons where you want to. More plugins and packages to match your stack. Less time wrestling browser rendering. We know the pain of wrangling icons on the internet. That's why in 2012, we created the first version of our open-source icons and toolkit. And with the help of our subscription plan Font Awesome Pro, we've built a lean icon-obsessed team who keep cranking out more icons, more styles, and more services for everyone.