Fluiditype for Simple Typography

You can review the font behaviour and the spectrum of text types that Fluiditype covers like Headings, paragraphs, lists & code-snippeds. #HeadingsHeading 2Heading 3Heading 4Heading 5Heading 6#Paragraphs & text styles Fluitype is a typography css framework, which can easily be added to any webpage.The magic is behind the calculations done while incorporate the vw which stands for viewport-width and it is fully responsive and fluid to the size of the viewport. You want to understand and test how this setup works, it is easy. Just rescale the screen and you will se the typography starting to adjust. Just a simple paragraph text, that way you can easily visualize the behavior when you change the viewport, the rescaling and fluidity in action. This is a font type called Inter created for Figma, also used by Github. Bolded textItalic textStrong textUnderlined textDeleted text#List and List stylesUnoredered ListOrdered ListList 1List 2List 3 List 4List 4.1List 4.2List 4.3List 4.4#Code snippetsCode quote font-size: calc(var(–fontSize) * 1.1); Code previewpre #Links and hyperlinks URL Out – https://www.fluiditype.com/Author – www.fluiditype.comDate – 2019-12-07 00:20:14

Like to keep reading?

This article first appeared on fluiditype.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply