Coder Social home page Coder Social logo

raleway_fixed_numerals's Introduction

UPDATE: RAWLINE IS NOT BEING MAINTAINED ANYMORE.

For a better and more up to date alternative, try MONORALE

/////////////////

UPDATE: Rawline now supports 105 latin languages, including igbo onwu and vietnamite, russian cyrillic (default) and bulgarian cyrillic (OpenType feature) - Contribution by @cssobral2013

Rawline: Raleway Font With Lining Numerals

Rawline is your beloved Raleway font with lining numerals as default.

Rawline

#HOW TO USE IT

There are two ways to use Rawline: 1. Embedding it or 2. Self-hosting it.

#1. Embedding Rawline

##1.1. Embedding into your HTML document

To embed Rawline font into a webpage, copy this code into the <head> of your HTML document:

<link href="https://raw.githubusercontent.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css" rel="stylesheet"> 

##1.2. Embedding into your CSS stylesheet

To embed Rawline font into your stylesheet, copy this code into your CSS document:

@import 'https://raw.githubusercontent.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css';

#2. Self Hosting

To serve Rawline using your website’s own server, download the font files inside the /font folder in this repository and use the rawline.css stylesheet, located in the /css folder in this repository.

#SPECIFY IN CSS

#1. Use the following CSS rules to specify Rawline family:

font-family: 'rawline', sans-serif; 

#2. Use the following CSS rules to specify Rawline styles:

• Rawline Thin:

font-weight: 100;
font-style: normal;

• Rawline Thin Italic:

font-weight: 100;
font-style: italic;

• Rawline Extra-Light:

font-weight: 200;
font-style: normal;

• Rawline Extra-Light Italic:

font-weight: 200;
font-style: italic;

• Rawline Light:

font-weight: 300;
font-style: normal;

• Rawline Light Italic:

font-weight: 300;
font-style: italic;

• Rawline Regular:

font-weight: 400;
font-style: normal;

• Rawline Regular Italic:

font-weight: 400;
font-style: italic;

• Rawline Medium:

font-weight: 500;
font-style: normal;

• Rawline Medium Italic:

font-weight: 500;
font-style: italic;

• Rawline Semi-Bold:

font-weight: 600;
font-style: normal;

• Rawline Semi-Bold Italic:

font-weight: 600;
font-style: italic;

• Rawline Bold:

font-weight: 700;
font-style: normal;

• Rawline Bold Italic:

font-weight: 700;
font-style: italic;

• Rawline Extra-Bold:

font-weight: 800;
font-style: normal;

• Rawline Extra-Bold Italic:

font-weight: 800;
font-style: italic;

• Rawline Black:

font-weight: 900;
font-style: normal;

• Rawline Black Italic:

font-weight: 900;
font-style: italic;

raleway_fixed_numerals's People

Contributors

h-ibaldo avatar cssobral2013 avatar ihofer avatar onursenture avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.