Quickly use the Vollkorn typeface in your project.
Vollkorn is the fabulous full-featured typeface designed by Friedrich Althausen “for bread and butter use.” It comes in eight styles, supports all european languages, and features multiple figure sets, ligatures, contextual alternates, and other OpenType features.
Vollkorn is available for personal or commercial use under the SIL Open Font License. “Pay what you want” to say thanks and support its continued development.
You have several options for using this project:
cd styles/fonts
git clone https://github.com/barberboy/vollkorn<link rel="stylesheet" href="/styles/fonts/vollkorn/vollkorn.css">Download and unpack the .zip archive:
cd styles/fonts
wget https://github.com/barberboy/vollkorn/archive/master.zip
unzip master.zip
mv vollkorn-master vollkorn
rm master.zip<link rel="stylesheet" href="/styles/fonts/vollkorn/vollkorn.css">bower install barberboy/vollkorn<link rel="stylesheet" href="/bower_components/vollkorn/vollkorn.css">If you’d like bower to put it in a different directory, just create a
.bowerrc file and specify the
directory location:
{
"directory": "app/public",
"analytics": false
}Quickly test Vollkorn on your site by using the CDN hosted by RawGit. Feel free to use it in production as well:
<link rel="stylesheet" href="https://cdn.rawgit.com/barberboy/vollkorn/3.0.0.5/vollkorn.css">or
@import url(https://cdn.rawgit.com/barberboy/vollkorn/3.0.0.5/vollkorn.css);Not for you? Just use Google Fonts instead:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700">This project includes regular and italic styles in four different weights. Use what you’d like:
body {
font-family: 'Vollkorn';
font-weight: 400;
font-family: 'Vollkorn';
font-weight: 500;
font-family: 'Vollkorn';
font-weight: 600;
font-family: 'Vollkorn';
font-weight: 700;
}Vollkorn supports several OpenType features, including liga, dlig, calt, salt, kern, ss01, lnum, onum, pnum, tnum, frac. Turn on whichever features you’d like:
h1 {
font-family: Vollkorn;
-webkit-font-feature-settings: "locl" 1, "sups" 1, "numr" 1, "dnom" 1, "frac" 1, "ordn" 1, "lnum" 1, "pnum" 1, "tnum" 1, "onum" 1, "dlig" 1, "liga" 1, "calt" 1, "case" 1, "salt" 1, "ss01" 1, "cpsp" 1;
-moz-font-feature-settings: "locl" 1, "sups" 1, "numr" 1, "dnom" 1, "frac" 1, "ordn" 1, "lnum" 1, "pnum" 1, "tnum" 1, "onum" 1, "dlig" 1, "liga" 1, "calt" 1, "case" 1, "salt" 1, "ss01" 1, "cpsp" 1;
-moz-font-feature-settings: "locl=1, sups=1, numr=1, dnom=1, frac=1, ordn=1, lnum=1, pnum=1, tnum=1, onum=1, dlig=1, liga=1, calt=1, case=1, salt=1, ss01=1, cpsp=1";
-ms-font-feature-settings: "locl" 1, "sups" 1, "numr" 1, "dnom" 1, "frac" 1, "ordn" 1, "lnum" 1, "pnum" 1, "tnum" 1, "onum" 1, "dlig" 1, "liga" 1, "calt" 1, "case" 1, "salt" 1, "ss01" 1, "cpsp" 1;
-o-font-feature-settings: "locl" 1, "sups" 1, "numr" 1, "dnom" 1, "frac" 1, "ordn" 1, "lnum" 1, "pnum" 1, "tnum" 1, "onum" 1, "dlig" 1, "liga" 1, "calt" 1, "case" 1, "salt" 1, "ss01" 1, "cpsp" 1;
font-feature-settings: "locl" 1, "sups" 1, "numr" 1, "dnom" 1, "frac" 1, "ordn" 1, "lnum" 1, "pnum" 1, "tnum" 1, "onum" 1, "dlig" 1, "liga" 1, "calt" 1, "case" 1, "salt" 1, "ss01" 1, "cpsp" 1;
}