Tag Archives: variable font

To use Nure variable font, in combination with PragmataPro, as default font in your browser may improve your productivity.

After downloading Nure variable web font put in you user folder,
install Custom Style Script and addon available for the most used browsers for free and put this code in Options page.

@font-face {
    font-family: 'Nure';
    src: url('/Users/(your user folder)/Nure11-VF.woff2') format('woff2-variations'), 
         url('/Users/(your user folder)/Nure11-VF.woff2') format('woff2');}
body, .css-901oao, ._292iotee39Lmt0MkQZ2hPV, a, abbr, address, area, article, aside, audio, b, bdi, bdo, blockquote, br, button, canvas, caption, cite, col, colgroup, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, main, map, mark, menu, meter, nav, object, ol, optgroup, option, output, p, param, progress, q, rp, rt, ruby, s, samp, section, select, small, source, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, track, u, ul, var, video, wbr 
{font-family: 'Nure'; font-weight: 300;  font-variation-settings: 'opsz' 18, 'wdth' 80;} 

Where font-weight is the first axis ‘Weight‘, its values starts from 100 to 900,
font-variation-settings: 'opsz' is the second axis ‘Optical Size‘, its values starts from 12 to 72
font-variation-settings: 'wdth' is the third axis ‘Width‘, its values starts from 75 to 125, according with Windows standards.

Changing these values you can find your perfect set up.

A visual example using Hacker News as test site:

This is just a quick view of the potential of using a variable font like Nure as default font.