How to use Google Fonts in Less CSS?

css html less google-font-api
user3169289 picture user3169289 · Apr 5, 2014 · Viewed 17.5k times · Source

I'm looking for a solution to embed Google Fonts or any other custom fonts in Less CSS.

How can I embed the given font?

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,600italic,700,700italic,900,900italic,400italic' rel='stylesheet' type='text/css'>

Answer

sibidiba picture sibidiba · Apr 28, 2016

Try:

@import (css) url(...)

Keeps the import statement as-is on top.

Related questions

Height not 100% on Container Fluid even though html and body are

I have the following layout (I'm using Meteor): <template name="headerFooter"> <div class="container-fluid fill-height"> {{> header}} {{> UI.contentBlock}} {{> footer}} </div> </template> <template name="home"> {{#headerFooter}} <div …

Read More
Less css file include in <head> section

Which files are needed to include in <head> section for less css. At less official site , i have just seen that they have told to include .less and .js file. But it is not working without .css file.

Read More
Can I apply a :hover pseudo selector with the LESS css markup?

In LESS I can apply two rules like this to affect text styling of links to hide underline unless hovered: .read-more { a { text-decoration:none; } a:hover { text-decoration:hover; } } But I feel like I should also be able to define two …

Read More