Skip to content
This repository was archived by the owner on Jul 24, 2024. It is now read-only.

Commit 772796f

Browse files
nilbusnilbus
committed
Optimize web font load time
1 parent e76cea6 commit 772796f

File tree

2 files changed

+226
-2
lines changed

2 files changed

+226
-2
lines changed

‎app/assets/stylesheets/application.sass

+1-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@charset "UTF-8";
2+
@import google-fonts
23
@import icomoon
34
@import normalize-rails
45
@import bourbon
@@ -9,8 +10,6 @@ $landscape-mobile: new-breakpoint(min-width $landscape-mobile-width max-width $d
910
$desktop: new-breakpoint(min-width $desktop-width)
1011
@import *
1112

12-
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700)
13-
1413
body
1514
font-family: 'Open Sans', Helvetica, sans-serif
1615
color: #000

‎vendor/assets/stylesheets/google-fonts.css

+225
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,225 @@
1+
/* Source: http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700 */
2+
/* cyrillic-ext */
3+
@font-face {
4+
font-family: 'Open Sans';
5+
font-style: normal;
6+
font-weight: 300;
7+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
8+
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
9+
}
10+
/* cyrillic */
11+
@font-face {
12+
font-family: 'Open Sans';
13+
font-style: normal;
14+
font-weight: 300;
15+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
16+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
17+
}
18+
/* greek-ext */
19+
@font-face {
20+
font-family: 'Open Sans';
21+
font-style: normal;
22+
font-weight: 300;
23+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
24+
unicode-range: U+1F00-1FFF;
25+
}
26+
/* greek */
27+
@font-face {
28+
font-family: 'Open Sans';
29+
font-style: normal;
30+
font-weight: 300;
31+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
32+
unicode-range: U+0370-03FF;
33+
}
34+
/* vietnamese */
35+
@font-face {
36+
font-family: 'Open Sans';
37+
font-style: normal;
38+
font-weight: 300;
39+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
40+
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
41+
}
42+
/* latin-ext */
43+
@font-face {
44+
font-family: 'Open Sans';
45+
font-style: normal;
46+
font-weight: 300;
47+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
48+
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
49+
}
50+
/* latin */
51+
@font-face {
52+
font-family: 'Open Sans';
53+
font-style: normal;
54+
font-weight: 300;
55+
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
56+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
57+
}
58+
/* cyrillic-ext */
59+
@font-face {
60+
font-family: 'Open Sans';
61+
font-style: normal;
62+
font-weight: 400;
63+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
64+
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
65+
}
66+
/* cyrillic */
67+
@font-face {
68+
font-family: 'Open Sans';
69+
font-style: normal;
70+
font-weight: 400;
71+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
72+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
73+
}
74+
/* greek-ext */
75+
@font-face {
76+
font-family: 'Open Sans';
77+
font-style: normal;
78+
font-weight: 400;
79+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
80+
unicode-range: U+1F00-1FFF;
81+
}
82+
/* greek */
83+
@font-face {
84+
font-family: 'Open Sans';
85+
font-style: normal;
86+
font-weight: 400;
87+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
88+
unicode-range: U+0370-03FF;
89+
}
90+
/* vietnamese */
91+
@font-face {
92+
font-family: 'Open Sans';
93+
font-style: normal;
94+
font-weight: 400;
95+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
96+
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
97+
}
98+
/* latin-ext */
99+
@font-face {
100+
font-family: 'Open Sans';
101+
font-style: normal;
102+
font-weight: 400;
103+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
104+
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
105+
}
106+
/* latin */
107+
@font-face {
108+
font-family: 'Open Sans';
109+
font-style: normal;
110+
font-weight: 400;
111+
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
112+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
113+
}
114+
/* cyrillic-ext */
115+
@font-face {
116+
font-family: 'Open Sans';
117+
font-style: normal;
118+
font-weight: 600;
119+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
120+
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
121+
}
122+
/* cyrillic */
123+
@font-face {
124+
font-family: 'Open Sans';
125+
font-style: normal;
126+
font-weight: 600;
127+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
128+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
129+
}
130+
/* greek-ext */
131+
@font-face {
132+
font-family: 'Open Sans';
133+
font-style: normal;
134+
font-weight: 600;
135+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
136+
unicode-range: U+1F00-1FFF;
137+
}
138+
/* greek */
139+
@font-face {
140+
font-family: 'Open Sans';
141+
font-style: normal;
142+
font-weight: 600;
143+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
144+
unicode-range: U+0370-03FF;
145+
}
146+
/* vietnamese */
147+
@font-face {
148+
font-family: 'Open Sans';
149+
font-style: normal;
150+
font-weight: 600;
151+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
152+
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
153+
}
154+
/* latin-ext */
155+
@font-face {
156+
font-family: 'Open Sans';
157+
font-style: normal;
158+
font-weight: 600;
159+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
160+
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
161+
}
162+
/* latin */
163+
@font-face {
164+
font-family: 'Open Sans';
165+
font-style: normal;
166+
font-weight: 600;
167+
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
168+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
169+
}
170+
/* cyrillic-ext */
171+
@font-face {
172+
font-family: 'Open Sans';
173+
font-style: normal;
174+
font-weight: 700;
175+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
176+
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
177+
}
178+
/* cyrillic */
179+
@font-face {
180+
font-family: 'Open Sans';
181+
font-style: normal;
182+
font-weight: 700;
183+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
184+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
185+
}
186+
/* greek-ext */
187+
@font-face {
188+
font-family: 'Open Sans';
189+
font-style: normal;
190+
font-weight: 700;
191+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
192+
unicode-range: U+1F00-1FFF;
193+
}
194+
/* greek */
195+
@font-face {
196+
font-family: 'Open Sans';
197+
font-style: normal;
198+
font-weight: 700;
199+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
200+
unicode-range: U+0370-03FF;
201+
}
202+
/* vietnamese */
203+
@font-face {
204+
font-family: 'Open Sans';
205+
font-style: normal;
206+
font-weight: 700;
207+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
208+
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
209+
}
210+
/* latin-ext */
211+
@font-face {
212+
font-family: 'Open Sans';
213+
font-style: normal;
214+
font-weight: 700;
215+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
216+
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
217+
}
218+
/* latin */
219+
@font-face {
220+
font-family: 'Open Sans';
221+
font-style: normal;
222+
font-weight: 700;
223+
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
224+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
225+
}

0 commit comments

Comments
 (0)