DeviantArt-Typecrop

DeviantArt Branded Typography with SVG Replacement

Demo

npm-CDN 1.0.7

UNPKG 1.0.7

This also loads the entire "Calibre-Bold" font-family via @font-face. So the end result of this script is 520kb :(. If the font-face is already being used globally, (like anywhere on deviantart.com's properties, then the script can around 16kb. But there's no plans to do that.

Usage

With NPM

npm install deviantart-typecrop

Then in some .js file

import typecrop from 'deviantart-typecrop'

/* Use a CSS selector to apply the stylized crop */
typecrop(".some-class")

With Script Tag

<script src='https://unpkg.com/[email protected]/index.js'></script>

Then in a <script/> tag or .js file

/* With script tag, module gets exported as an object on the Window */
const typeCrop = typecrop.default

typeCrop(".some-class")

CSS

Apply your own styles

.some-class {
	color: #05CC47;
}