<div id="main">

<div class="external">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus interdum eleifend. Vivamus egestas tempus nisi sed semper. Mauris purus nunc, fringilla a tellus luctus, aliquam cursus tellus. Cras placerat iaculis arcu, at pretium eros varius eu. Nulla gravida nunc at sagittis interdum. Sed at ex vitae nunc facilisis ullamcorper. In ullamcorper nibh vitae odio laoreet tempor. Mauris eget aliquam quam, ut rhoncus tortor. <em>Donec viverra ipsum aliquam, finibus erat ut, hendrerit nunc. Suspendisse dictum nulla eget mi gravida, in euismod velit rhoncus.</em>  roboto </div>
  
  
 <div class="external2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus interdum eleifend. Vivamus egestas tempus nisi sed semper. Mauris purus nunc, fringilla a tellus luctus, aliquam cursus tellus. Cras placerat iaculis arcu, at pretium eros varius eu. Nulla gravida nunc at sagittis interdum. Sed at ex vitae nunc facilisis ullamcorper. In ullamcorper nibh vitae odio laoreet tempor. Mauris eget aliquam quam, ut rhoncus tortor. <em>Donec viverra ipsum aliquam, finibus erat ut, hendrerit nunc. Suspendisse dictum nulla eget mi gravida, in euismod velit rhoncus.</em>  Helvetica </div>

<div class="internal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus interdum eleifend. Vivamus egestas tempus nisi sed semper. Mauris purus nunc, fringilla a tellus luctus, aliquam cursus tellus. Cras placerat iaculis arcu, at pretium eros varius eu. Nulla gravida nunc at sagittis interdum. Sed at ex vitae nunc facilisis ullamcorper. In ullamcorper nibh vitae odio laoreet tempor. Mauris eget aliquam quam, ut rhoncus tortor. <em>Donec viverra ipsum aliquam, finibus erat ut, hendrerit nunc. Suspendisse dictum nulla eget mi gravida, in euismod velit rhoncus.</em>  - arial </div>	
	</div>

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);

#main{
		display: block;
		width:600px;
		max-width: 100%;
		margin: 150px auto;
		
	}
.external {
  font-family: 'Roboto', 'Times New Roman';
  font-weight: 400;

}
.external2 {
  font-family: Helvetica;
  font-weight: 400;
}
	
.internal{
	font-family: arial;
	font-weight: normal;
  letter-spacing: 0.1px;
	color:#2f2f2f;
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.