@import and html link to Montserrat font family google font

includes the Montserrat font family as @import in your css or add as a link in html with preconnect.

also has basic usage as the .montserrat class.

HTML

<div class='montserrat'>Montserrat</div>

CSS

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
.montserrat {
font-family: 'Montserrat', sans-serif;
}

Scripts

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
Montserrat
Posted in css
11:58 pm, January 19, 2021

Other Items in css
pre-line white space settings
pre-wrap preserve line spacing but also wrap where needed
css double page document preview with shadow
adding a background image to the titles of the dark mode card on this page
blur the background image while keeping the foreground normal
background image greyscale filter while foreground is still in colour
zoom background of element when active
rounded click me button with icon
logo tickers marquee slow scrolling
add a moving chevron to your href link
inline form field padding
using text-stroke to add a border to your text
adding background blur to an image using css fill screen
using the nth-of-type selector to target a class with the same name
github logo background png css
animated rings expanding with delay ripple water effects
css slow zoom in animation
using the last-of-type css selector to remove a border from the last item in a list
box hover over effects using pulsate animation
using multiple text shadow
box shadow example(s)
@import and html link to Montserrat font family google font
my default text shadow css
change the cursor to a pointer for an element
make labels or badges look better
make an image white with css using filter brightness and invert
foundation old grid format
nice webkit scrollbars (scroll bar, web kit, nice)
use an emoji on your list items ul li
background image on 3 boxes not scaling correctly fix
css prefers-color-scheme example
using attr in css to get content from html
css perspective and transform css properties testing
using linear gradient background on text css
setting up css variables in your stylesheet
simple table stripe striping
bootstrap collapse or toggle a div visibility
drop shadow text class easy drop shadow
center everything in a div with flex-center (centre)
css font style italic
create a rainbow background using css linear gradient
stop overscrolling on responsive ios
switching stack order of floats with flex
bold the numbers in a ol li list
adding pulsating dots to your css ul li list
css using perspective for transforms
simple linear gradient overlay for an image to make it darker or lighter
wordpress main nav dropdown fix
pulsating dots - glow glowing
using css linear gradient for background overlays
Related Search Terms
css pre 4
css sheet 8
css Google 5
css play 7
css your 12
css basic 10
css href 14
css display 12
css google font 20
css monts 16
css html 23
css css 16
css @import 21
css Montserrat font family 23
css Montserrat 23

No Items Found.

Add Comment
Type in a Nick Name here
 
Page Views

This page has been viewed 493 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

โค๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ•น

Random Quote
Nothing, to my way of thinking, is a better proof of a well ordered mind than a man's ability to stop just where he is and pass some time in his own company.
Seneca