Tipografia

 

Video 

Immagine

Intestazione Principale

Intestazione

Sottotitolo

Intestazione Secondaria

Paragrafo - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae justo nec enim condimentum vestibulum id pellentesque nulla. Duis sed lobortis libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis congue sit amet elit sollicitudin eleifend. Phasellus id vulputate ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec elit tellus, bibendum vel laoreet et, eleifend id ante. Etiam eu rhoncus neque. Nunc lorem risus, rhoncus eget mauris vitae, hendrerit commodo tortor. Nulla felis leo, porttitor quis risus et, dapibus finibus quam. Donec condimentum malesuada volutpat.

Link: Mauris efficitur magna vel urna finibus tristique.

 

Quisque tincidunt maximus diam sit amet dapibus. Mauris semper felis id pulvinar ornare. Curabitur dolor mi, feugiat eu pellentesque vitae, ultrices elementum neque. Maecenas a euismod est. Suspendisse tincidunt diam in scelerisque efficitur. In pellentesque consectetur purus, id efficitur nibh bibendum et. In nec fermentum est. Etiam nec egestas elit. Ut nec turpis eget ex ornare luctus. Vestibulum pulvinar aliquet rhoncus. Aliquam vitae enim scelerisque, viverra sapien eu, feugiat sem. Fusce scelerisque eleifend dolor in eleifend.

• Lorem
• Ipsum
• Dolor
• Sit
• Amet

 

Mauris efficitur magna vel urna finibus tristique. Quisque tincidunt maximus diam sit amet dapibus. Mauris semper felis id pulvinar ornare. Curabitur dolor mi, feugiat eu pellentesque vitae, ultrices elementum neque. Maecenas a euismod est. Suspendisse tincidunt diam in scelerisque efficitur. In pellentesque consectetur purus, id efficitur nibh bibendum et. In nec fermentum est. Etiam nec egestas elit. Ut nec turpis eget ex ornare luctus. Vestibulum pulvinar aliquet rhoncus. Aliquam vitae enim scelerisque, viverra sapien eu, feugiat sem. Fusce scelerisque eleifend dolor in eleifend.

Istruzioni questo Template:

 https://www.premiumbloggertemplates.com/moderncars-premium-blogger-template/

Google Fonts Site per prelevare codice:

 https://fonts.google.com/specimenTab?standard-styles#pairings

Font Stack per creare tutto il codice di tipografia assieme: 

https://www.cssfontstack.com/

Lo ho fatto... Ma non va...

HTML:
<link rel='stylesheet' href='//fonts.googleapis.com/css?family=Oswald' type='text/css' /> <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Oswald' type='text/css' /> <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Oswald' type='text/css' /> <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Oswald' type='text/css' /> <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Oswald' type='text/css' />

CSS:
h1 { font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 32px; font-style: normal; font-variant: small-caps; font-weight: 700; line-height: 32px; } h3 { font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 25px; font-style: italic; font-variant: small-caps; font-weight: 700; line-height: 32px; } p { font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 32px; } blockquote { font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 25px; font-style: italic; font-variant: normal; font-weight: 400; line-height: 32px; } pre { font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; font-size: 18px; font-style: italic; font-variant: normal; font-weight: 400; line-height: 21.6px; }










Come cambiare font su Blogger:

https://www.cyfrus.dev/2019/02/change-font-style-blogger-blogspot.html

Video su come cambiare Font... ma in questo Template ci sono diverse funzioni JavaScript (e JQuery) che sovrascrivono il CSS... e JS, con i suoi $ e il codice tutto "azziccato" io non lo mastico. 

Use on the web

To embed a font, copy the code into the <head> of your html:

<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=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat&display=swap" rel="stylesheet">

CSS rules to specify families

1. font-family: 'Libre Baskerville', serif;

1. font-family: 'Montserrat', sans-serif;