michael-lefebvre.github.io/fonts.html at master · michael-lefebvre/michael-lefebvre.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <script src="https://use.typekit.net/wxo5grt.js"></script>
  <script>try{Typekit.load({ async: true });}catch(e){}</script>
  <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic' rel='stylesheet' type='text/css'>
  <style>
.ff-sans {
  font-family: "museo-sans",sans-serif;
  font-weight: 300
}
.ff-serif {
  font-family: 'Playfair Display', serif;
  font-weight: 400
}

.fw-light { font-weight: 100 }
.fw-regular { font-weight: 400 }
.fw-bold { font-weight: 700 }
.fw-extra { font-weight: 900 }
  </style>
</head>
<body>

    <h3 class="ff-sans fw-light" style="line-height: 28px; font-size: 22px">
      oh <em class="ff-serif fw-bold" style="display:block; font-size: 40px">hai</em>,
    </h3>
    <h1 class="ff-serif" style="font-size:20px">
      my name is<br>
      <strong class="ff-sans fw-extra" style="font-size:30px">Michael Lefebvre</strong>
    </h1>
    <p>
      I'm a <i>full-stack web developer</i><br>
      working at <a href="http://efounders.co/" target="_blank">eFounders</a>, Paris, FR.
    </p>
</body>
</html>