font face roboto css

Solutions on MaxInterview for font face roboto css by the best coders in the world

showing results for - "font face roboto css"

07 May 2018

1<head>
2	<link rel="preconnect" href="https://fonts.gstatic.com">
3	<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
4</head>
5
6<style>
7  body{
8      font-family: 'Roboto', sans-serif;
9  }
10</style>

source

Hana

09 Oct 2016

1@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
2font-family: 'Roboto', sans-serif;

source

Mira

11 Nov 2018

1@font-face {
2    font-family: 'Roboto';
3    src: url('Roboto-ThinItalic-webfont.eot');
4    src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
5         url('Roboto-ThinItalic-webfont.woff') format('woff'),
6         url('Roboto-ThinItalic-webfont.ttf') format('truetype'),
7         url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
8    font-weight: 200;
9    font-style: italic;
10}

Jonah

17 Jul 2019

1/* -- Roboto-Family -- */
2@font-face {
3  font-family: 'Roboto';
4  src: url('./fonts/Roboto/Roboto-Thin.woff') format('woff'), url('./fonts/Roboto/Roboto-Thin.ttf') format('truetype');
5  font-weight: 100;
6  font-style: normal;
7}
8
9@font-face {
10  font-family: 'Roboto';
11  src: url('./fonts/Roboto/Roboto-ThinItalic.woff') format('woff'), url('./fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
12  font-weight: 100;
13  font-style: italic;
14}
15
16@font-face {
17  font-family: 'Roboto';
18  src: url('./fonts/Roboto/Roboto-Light.woff') format('woff'), url('./fonts/Roboto/Roboto-Light.ttf') format('truetype');
19  font-weight: 300;
20  font-style: normal;
21}
22
23@font-face {
24  font-family: 'Roboto';
25  src: url('./fonts/Roboto/Roboto-Regular.woff') format('woff'), url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
26  font-weight: 400;
27  font-style: normal;
28}
29
30@font-face {
31  font-family: 'Roboto';
32  src: url('./fonts/Roboto/Roboto-Italic.woff') format('woff'), url('./fonts/Roboto/Roboto-Italic.ttf') format('truetype');
33  font-weight: 400;
34  font-style: italic;
35}
36
37@font-face {
38  font-family: 'Roboto';
39  src: url('./fonts/Roboto/Roboto-Medium.woff') format('woff'), url('./fonts/Roboto/Roboto-Medium.ttf') format('truetype');
40  font-weight: 500;
41  font-style: normal;
42}
43
44@font-face {
45  font-family: 'Roboto';
46  src: url('./fonts/Roboto/Roboto-MediumItalic.woff') format('woff'), url('./fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
47  font-weight: 500;
48  font-style: italic;
49}
50
51@font-face {
52  font-family: 'Roboto';
53  src: url('./fonts/Roboto/Roboto-Bold.woff') format('woff'), url('./fonts/Roboto/Roboto-Bold.ttf') format('truetype');
54  font-weight: 700;
55  font-style: normal;
56}
57
58@font-face {
59  font-family: 'Roboto';
60  src: url('./fonts/Roboto/Roboto-Black.woff') format('woff'), url('./fonts/Roboto/Roboto-Black.ttf') format('truetype');
61  font-weight: 900;
62  font-style: normal;
63}
64
65@font-face {
66  font-family: 'Roboto';
67  src: url('./fonts/Roboto/Roboto-BlackItalic.woff') format('woff'), url('./fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
68  font-weight: 900;
69  font-style: italic;
70}
71
72/* -- Roboto-Condensed-Family -- */
73
74@font-face {
75  font-family: 'Roboto Condensed';
76  src: url('./fonts/Roboto/RobotoCondensed-Bold.woff') format('woff'), url('./fonts/Roboto/RobotoCondensed-Bold.ttf') format('truetype');
77  font-weight: 700;
78  font-style: normal;
79}
80
81@font-face {
82  font-family: 'Roboto Condensed';
83  src: url('./fonts/Roboto/RobotoCondensed-BoldItalic.woff') format('woff'), url('./fonts/Roboto/RobotoCondensed-BoldItalic.ttf') format('truetype');
84  font-weight: 700;
85  font-style: italic;
86}
87
88@font-face {
89  font-family: 'Roboto Condensed';
90  src: url('./fonts/Roboto/RobotoCondensed-Light.woff') format('woff'), url('./fonts/Roboto/RobotoCondensed-Light.ttf') format('truetype');
91  font-weight: 300;
92  font-style: normal;
93}
94
95@font-face {
96  font-family: 'Roboto Condensed';
97  src: url('./fonts/Roboto/RobotoCondensed-LightItalic.woff') format('woff'), url('./fonts/Roboto/RobotoCondensed-LightItalic.ttf') format('truetype');
98  font-weight: 300;
99  font-style: italic;
100}
101

similar questions

robot font import otf css3 font face roboto css font face

queries leading to this page