Posted in fonts
1987
12:01 am, January 20, 2023
 

Quick Embed - Google Font - Inter

Quick Embed code for google font inter

HTML

<h1 class="inter">Inter Font Title</h1>
<p class="inter">Inter Font paragraph</p>

CSS

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

Scripts

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap" rel="stylesheet">

Inter Font Title

Inter Font paragraph

External Link for Quick Embed - Google Font - Inter

View Statistics
This Week
19
This Month
83
This Year
455

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote

james clear
Random CSS Property

scroll-padding-top

The scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
scroll-padding-top css reference