The following content comes from wikipedia to demo typography
Los Angeles is the most populous city in the U.S. state of California. With roughly 3.9 million residents within the city limits as of 2020, Los Angeles is the second-most populous city in the United States, behind only New York City; it is also the commercial, financial and cultural center of Southern California. Los Angeles has an ethnically and culturally diverse population, and is the principal city of a metropolitan area of 13.2 million people. Greater Los Angeles, which includes the Los Angeles and Riverside-San Bernardino metropolitan areas, is a sprawling metropolis of over 18 million residents.
Los Angeles is a charter city as opposed to a general law city. The current charter was adopted on June 8, 1999, and has been amended many times. The elected government consists of the Los Angeles City Council and the mayor of Los Angeles, which operate under a mayor–council government, as well as the city attorney and controller.
I believe that each of us has an obligation to leave our society a far wiser, far richer, far better society than we found it. If each of us can just fulfill half of that obligation through our own commitment, then I think the future is going to be bright.
—Mayor Tom Bradley
The city is divided into many different districts and neighborhoods, some of which had been separately incorporated cities that eventually merged with Los Angeles. These neighborhoods were developed piecemeal, and are well-defined enough that the city has signage which marks nearly all of them.
Downtown Los Angeles (DTLA) is the central business district of Los Angeles. Downtown Los Angeles is divided into neighborhoods and districts, some overlapping. It is the hub for the city's urban rail transit system, as well as the Pacific Surfliner and Metrolink commuter rail system covering greater Southern California. Also located downtown is the Civic Center, the administrative core of the city government.
The Civic Center has the distinction of containing the largest concentration of government employees in the United States outside of Washington, D.C. The reason for the high concentration is simple: Los Angeles is the most populous county in the United States and its second largest city, and houses several state and federal functions for the region.
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Extrabold 1
Extrabold 2
Extrabold 3
Extrabold 4
Extrabold 5
Extrabold 6
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
<h1 title="h1">The City of Los Angeles</h1>
<p class="lead" title="lead"> The following content comes from wikipedia to demo typography </p>
<p title="regular body text">Los Angeles is the most populous city in the U.S. state of California. With roughly 3.9 million residents within the
city limits as of 2020, Los Angeles is the second-most populous city in the United States, behind only New York City; it is also the commercial, financial and
cultural center of Southern California. Los Angeles has an ethnically and culturally diverse population, and is the principal city of a metropolitan area of 13.2
million people. Greater Los Angeles, which includes the Los Angeles and Riverside-San Bernardino metropolitan areas, is a sprawling metropolis of over 18 million residents.</p>
<h2 title="h2">Form of Government</h2>
<p title="regular body text">Los Angeles is a charter city as opposed to a general law city. The current charter was adopted on June 8, 1999, and
has been amended many times. The elected government consists of the Los Angeles City Council and the mayor of Los Angeles, which operate under a mayor–
council government, as well as the city attorney and controller.</p>
<p><blockquote title="quote block"> I believe that each of us
has an obligation to leave our society a far wiser, far richer, far better society than we found it. If each of us can just fulfill half of that obligation
through our own commitment, then I think the future is going to be bright. <br>—Mayor Tom Bradley </blockquote></p>
<h3 title="h3">Neighborhoods</h3>
<p title="regular body text">The city is divided into many different districts and neighborhoods, some of which had been separately incorporated
cities that eventually merged with Los Angeles. These neighborhoods were developed piecemeal, and are well-defined enough that the city has signage which marks
nearly all of them.</p>
<h4 title="h4">Downtown Los Angeles</h4>
<p title="regular body text">Downtown Los Angeles (DTLA) is the central business district of Los Angeles. Downtown Los Angeles is divided into
neighborhoods and districts, some overlapping. It is the hub for the city's urban rail transit system, as well as the Pacific Surfliner and Metrolink commuter
rail system covering greater Southern California. Also located downtown is the Civic Center, the administrative core of the city government.</p>
<h5 title="h5">The Civic Center</h5>
<p title="regular body text">The Civic Center has the distinction of containing the largest concentration of government employees in the United
States outside of Washington, D.C. The reason for the high concentration is simple: Los Angeles is the most populous county in the United States and its second
largest city, and houses several state and federal functions for the region.</p>
<h6 title="h6">Buildings & Landmarks</h6>
<p> <ul title="bullet points">
<li>Ahmanson Theatre</li>
<li>Grand Park</li>
<li>Los Angeles City Hall</li>
<li>Los Angeles Music Center</li>
<li>Mark Taper Forum</li>
<li>Walt Disney Concert Hall</li>
</ul> </p> <br> <hr> <br>
<p class="display-1">Display 1</p>
<p class="display-2">Display 2</p>
<p class="display-3">Display 3</p>
<p class="display-4">Display 4</p>
<p class="display-5">Display 5</p>
<p class="display-6">Display 6</p>
<br>
<p class="extrabold-1">Extrabold 1</p>
<p class="extrabold-2">Extrabold 2</p>
<p class="extrabold-3">Extrabold 3</p>
<p class="extrabold-4">Extrabold 4</p>
<p class="extrabold-5">Extrabold 5</p>
<p class="extrabold-6">Extrabold 6</p>
<br>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<br>
<p> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br>
a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
0 1 2 3 4 5 6 7 8 9 </p>
Font Size | Font Weight | Line Height | Letter Spacing | Bottom Margin | |
---|---|---|---|---|---|
p | 16px | 400 | 24px | normal | 1rem |
.lead | 20px | 300 | 24px | normal | 1rem |
blockquote | 20px | 400 | 30px | normal | 1rem |
Display 1 | 5rem | 300 | 1.2 | normal | 1rem |
Display 2 | 4.5rem | 300 | 1.2 | normal | 1rem |
Display 3 | 4rem | 300 | 1.2 | normal | 1rem |
Display 4 | 3.5rem | 300 | 1.2 | normal | 1rem |
Display 5 | 3rem | 300 | 1.2 | normal | 1rem |
Display 6 | 2.5rem | 300 | 1.2 | normal | 1rem |
Extrabold 1 | 4rem | 800 | 1.2 | normal | 1rem |
Extrabold 2 | 3.5rem | 800 | 1.2 | normal | 1rem |
Extrabold 3 | 3rem | 800 | 1.2 | normal | 1rem |
Extrabold 4 | 2.5rem | 800 | 1.2 | normal | 1rem |
Extrabold 5 | 32px | 800 | 1.2 | normal | 0.5rem |
Extrabold 6 | 28px | 800 | 1.2 | normal | 0.5rem |
Heading h1 | 40px | 600 | 1.2 | normal | 0.5rem |
Heading h2 | 32px | 600 | 1.2 | normal | 0.5rem |
Heading h3 | 28px | 600 | 1.2 | normal | 0.5rem |
Heading h4 | 24px | 600 | 1.2 | normal | 0.5rem |
Heading h5 | 20px | 600 | 1.2 | normal | 0.5rem |
Heading h6 | 16px | 700 | 1.2 | normal | 0.5rem |
The following content comes from wikipedia to demo typography
Los Angeles is the most populous city in the U.S. state of California. With roughly 3.9 million residents within the city limits as of 2020, Los Angeles is the second-most populous city in the United States, behind only New York City; it is also the commercial, financial and cultural center of Southern California. Los Angeles has an ethnically and culturally diverse population, and is the principal city of a metropolitan area of 13.2 million people. Greater Los Angeles, which includes the Los Angeles and Riverside-San Bernardino metropolitan areas, is a sprawling metropolis of over 18 million residents.
Los Angeles is a charter city as opposed to a general law city. The current charter was adopted on June 8, 1999, and has been amended many times. The elected government consists of the Los Angeles City Council and the mayor of Los Angeles, which operate under a mayor–council government, as well as the city attorney and controller.
I believe that each of us has an obligation to leave our society a far wiser, far richer, far better society than we found it. If each of us can just fulfill half of that obligation through our own commitment, then I think the future is going to be bright.
—Mayor Tom Bradley
The city is divided into many different districts and neighborhoods, some of which had been separately incorporated cities that eventually merged with Los Angeles. These neighborhoods were developed piecemeal, and are well-defined enough that the city has signage which marks nearly all of them.
Downtown Los Angeles (DTLA) is the central business district of Los Angeles. Downtown Los Angeles is divided into neighborhoods and districts, some overlapping. It is the hub for the city's urban rail transit system, as well as the Pacific Surfliner and Metrolink commuter rail system covering greater Southern California. Also located downtown is the Civic Center, the administrative core of the city government.
The Civic Center has the distinction of containing the largest concentration of government employees in the United States outside of Washington, D.C. The reason for the high concentration is simple: Los Angeles is the most populous county in the United States and its second largest city, and houses several state and federal functions for the region.
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Extrabold 1
Extrabold 2
Extrabold 3
Extrabold 4
Extrabold 5
Extrabold 6
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
<h1 title="h1">The City of Los Angeles</h1>
<p class="lead" title="lead"> The following content comes from wikipedia to demo typography </p>
<p title="regular body text">Los Angeles is the most populous city in the U.S. state of California. With roughly 3.9 million residents within the
city limits as of 2020, Los Angeles is the second-most populous city in the United States, behind only New York City; it is also the commercial, financial and
cultural center of Southern California. Los Angeles has an ethnically and culturally diverse population, and is the principal city of a metropolitan area of 13.2
million people. Greater Los Angeles, which includes the Los Angeles and Riverside-San Bernardino metropolitan areas, is a sprawling metropolis of over 18 million residents.</p>
<h2 title="h2">Form of Government</h2>
<p title="regular body text">Los Angeles is a charter city as opposed to a general law city. The current charter was adopted on June 8, 1999, and
has been amended many times. The elected government consists of the Los Angeles City Council and the mayor of Los Angeles, which operate under a mayor–
council government, as well as the city attorney and controller.</p>
<p><blockquote title="quote block"> I believe that each of us
has an obligation to leave our society a far wiser, far richer, far better society than we found it. If each of us can just fulfill half of that obligation
through our own commitment, then I think the future is going to be bright. <br>—Mayor Tom Bradley </blockquote></p>
<h3 title="h3">Neighborhoods</h3>
<p title="regular body text">The city is divided into many different districts and neighborhoods, some of which had been separately incorporated
cities that eventually merged with Los Angeles. These neighborhoods were developed piecemeal, and are well-defined enough that the city has signage which marks
nearly all of them.</p>
<h4 title="h4">Downtown Los Angeles</h4>
<p title="regular body text">Downtown Los Angeles (DTLA) is the central business district of Los Angeles. Downtown Los Angeles is divided into
neighborhoods and districts, some overlapping. It is the hub for the city's urban rail transit system, as well as the Pacific Surfliner and Metrolink commuter
rail system covering greater Southern California. Also located downtown is the Civic Center, the administrative core of the city government.</p>
<h5 title="h5">The Civic Center</h5>
<p title="regular body text">The Civic Center has the distinction of containing the largest concentration of government employees in the United
States outside of Washington, D.C. The reason for the high concentration is simple: Los Angeles is the most populous county in the United States and its second
largest city, and houses several state and federal functions for the region.</p>
<h6 title="h6">Buildings & Landmarks</h6>
<p> <ul title="bullet points">
<li>Ahmanson Theatre</li>
<li>Grand Park</li>
<li>Los Angeles City Hall</li>
<li>Los Angeles Music Center</li>
<li>Mark Taper Forum</li>
<li>Walt Disney Concert Hall</li>
</ul> </p> <br> <hr> <br>
<p class="display-1">Display 1</p>
<p class="display-2">Display 2</p>
<p class="display-3">Display 3</p>
<p class="display-4">Display 4</p>
<p class="display-5">Display 5</p>
<p class="display-6">Display 6</p>
<br>
<p class="extrabold-1">Extrabold 1</p>
<p class="extrabold-2">Extrabold 2</p>
<p class="extrabold-3">Extrabold 3</p>
<p class="extrabold-4">Extrabold 4</p>
<p class="extrabold-5">Extrabold 5</p>
<p class="extrabold-6">Extrabold 6</p>
<br>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<br>
<p> A B C D E F G H I J K L M N O P Q R S T U V W X Y Z<br>
a b c d e f g h i j k l m n o p q r s t u v w x y z<br>
0 1 2 3 4 5 6 7 8 9 </p>
Font Size | Font Weight | Line Height | Letter Spacing | Bottom Margin | |
---|---|---|---|---|---|
p | 18px | 400 | 26px | normal | 20px |
.lead | 20px | 600 | 24px | normal | 20px |
blockquote | 20px | 400 | 34px | normal | 20px |
Display 1 | 5rem | 300 | 1.2 | normal | 1rem |
Display 2 | 4.5rem | 300 | 1.2 | normal | 1rem |
Display 3 | 4rem | 300 | 1.2 | normal | 1rem |
Display 4 | 3.5rem | 300 | 1.2 | normal | 1rem |
Display 5 | 3rem | 300 | 1.2 | normal | 1rem |
Display 6 | 2.5rem | 300 | 1.2 | normal | 1rem |
Extrabold 1 | 4rem | 800 | 1.2 | normal | 1rem |
Extrabold 2 | 3.5rem | 800 | 1.2 | normal | 1rem |
Extrabold 3 | 3rem | 800 | 1.2 | normal | 1rem |
Extrabold 4 | 2.5rem | 800 | 1.2 | normal | 1rem |
Extrabold 5 | 32px | 800 | 1.2 | normal | 0.5rem |
Extrabold 6 | 28px | 800 | 1.2 | normal | 0.5rem |
Heading h1 | 45px | 600 | 55px | normal | 0.5rem |
Heading h2 | 36px | 600 | 44px | normal | 0.5rem |
Heading h3 | 32px | 600 | 38px | normal | 0.5rem |
Heading h4 | 27px | 600 | 33px | normal | 0.5rem |
Heading h5 | 22px | 600 | 28px | normal | 0.5rem |
Heading h6 | 18px | 600 | 24px | normal | 0.5rem |
<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>
Font Size | Font Weight | Line Height | Letter Spacing | Bottom Margin | |
---|---|---|---|---|---|
Heading h1 | 40px | 600 | 1.2 | normal | 0.5rem |
Heading h2 | 32px | 600 | 1.2 | normal | 0.5rem |
Heading h3 | 28px | 600 | 1.2 | normal | 0.5rem |
Heading h4 | 24px | 600 | 1.2 | normal | 0.5rem |
Heading h5 | 20px | 600 | 1.2 | normal | 0.5rem |
Heading h6 | 20px | 700 | 1.2 | normal | 0.5rem |
Heading .h1
Heading .h2
Heading .h3
Heading .h4
Heading .h5
Heading .h6
<p class="h1">Heading .h1</p>
<p class="h2">Heading .h2</p>
<p class="h3">Heading .h3</p>
<p class="h4">Heading .h4</p>
<p class="h5">Heading .h5</p>
<p class="h6">Heading .h6</p>
Font Size | Font Weight | Line Height | Letter Spacing | Bottom Margin | |
---|---|---|---|---|---|
Heading h1 | 40px | 600 | 1.2 | normal | 0.5rem |
Heading h2 | 32px | 600 | 1.2 | normal | 0.5rem |
Heading h3 | 28px | 600 | 1.2 | normal | 0.5rem |
Heading h4 | 24px | 600 | 1.2 | normal | 0.5rem |
Heading h5 | 20px | 600 | 1.2 | normal | 0.5rem |
Heading h6 | 20px | 700 | 1.2 | normal | 0.5rem |
Extrabold 1
Extrabold 2
Extrabold 3
Extrabold 4
Extrabold 5
Extrabold 6
<p class="extrabold-1">Extrabold 1</p>
<p class="extrabold-2">Extrabold 2</p>
<p class="extrabold-3">Extrabold 3</p>
<p class="extrabold-4">Extrabold 4</p>
<p class="extrabold-5">Extrabold 5</p>
<p class="extrabold-6">Extrabold 6</p>
Font Size | Font Weight | Line Height | Letter Spacing | Bottom Margin | |
---|---|---|---|---|---|
Extrabold 1 | 4rem | 800 | 1.2 | normal | 1rem |
Extrabold 2 | 3.5rem | 800 | 1.2 | normal | 1rem |
Extrabold 3 | 3rem | 800 | 1.2 | normal | 1rem |
Extrabold 4 | 2.5rem | 800 | 1.2 | normal | 1rem |
Extrabold 5 | 32px | 800 | 1.2 | normal | 0.5rem |
Extrabold 6 | 28px | 800 | 1.2 | normal | 0.5rem |
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
<p class="display-1">Display 1</p>
<p class="display-2">Display 2</p>
<p class="display-3">Display 3</p>
<p class="display-4">Display 4</p>
<p class="display-5">Display 5</p>
<p class="display-6">Display 6</p>
Font Size | Font Weight | Line Height | Letter Spacing | Bottom Margin | |
---|---|---|---|---|---|
Display 1 | 5rem | 300 | 1.2 | normal | 1rem |
Display 2 | 4.5rem | 300 | 1.2 | normal | 1rem |
Display 3 | 4rem | 300 | 1.2 | normal | 1rem |
Display 4 | 3.5rem | 300 | 1.2 | normal | 1rem |
Display 5 | 3rem | 300 | 1.2 | normal | 1rem |
Display 6 | 2.5rem | 300 | 1.2 | normal | 1rem |
[s] This line of text is meant to be treated as no longer accurate.
[u] This line of text will render as underlined.
[em] This line rendered as italicized text.
[ins] This line of text is meant to be treated as an addition to the document.
[del] This line of text is meant to be treated as deleted text.
[mark] You can use the mark tag to highlight text.
[small] This line of text is meant to be treated as fine print.
[strong] This line rendered as bold text.
<p>[s] <s>This line of text is meant to be treated as no longer accurate.</s></p>
<p>[u] <u>This line of text will render as underlined.</u></p>
<p>[em] <em>This line rendered as italicized text.</em></p>
<p>[ins] <ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p>[del] <del>This line of text is meant to be treated as deleted text.</del></p>
<p>[mark] You can use the mark tag to <mark>highlight</mark> text.</p>
<p>[small] <small>This line of text is meant to be treated as fine print.</small></p>
<p>[strong] <strong>This line rendered as bold text.</strong></p>