728x90
반응형
07_spacing.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/07_spacing.css";
</style>
</head>
<body>
<h1 class="heading1">Joandora hello</h1>
<h1 class="heading2">Joandora hello</h1>
</body>
</html>07_spacing.css
@CHARSET "UTF-8";
@font-face{
font-family:'myBand';
src:url('../img/Band.eot');
src:url('../img/Band.ttf') format('truetype');
src:url('../img/Band.woff') format('woff');
}
.heading1{
font-family:myBand;
font-size:5em;
letter-spacing:0.1em;/*글자 간격*/
word-spacing:0.2em;/*단어 간격*/
}
.heading2{
font-family:myBand;
font-size:5em;
letter-spacing:0.3em;/*글자 간격*/
word-spacing:0.6em;/*단어 간격*/
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch02-09. list 2 (0) | 2017.08.23 |
|---|---|
| [CSS] ch02-08. list (0) | 2017.08.23 |
| [CSS] ch02-06. indent (0) | 2017.08.23 |
| [CSS] ch02-05. decoration (0) | 2017.08.23 |
| [CSS] ch02-04.overflow (0) | 2017.08.23 |