standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-13 01:52:02 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use a subset of ForkAwesome instead of the whole FontAwesome font

Browse source
This commit is contained in:
Alex Cabal 2020-12-22 18:18:35 -06:00
parent 5329ee04ed
commit b07f406d9f
3 changed files with 17 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

27
www/css/core.css
View file

@ -1,6 +1,6 @@
@font-face{ @font-face{
font-family: "FontAwesome"; font-family: "ForkAwesome";
src: local("FontAwesome"), url("/fonts/font-awesome.woff2") format("woff2"); src: url("/fonts/fork-awesome-subset.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -563,7 +563,7 @@ form button:active{
a.button.next::after, a.button.next::after,
.ebooks nav > a:last-child::after{ .ebooks nav > a:last-child::after{
font-family: "FontAwesome"; font-family: "ForkAwesome";
content: "\f061"; content: "\f061";
transition: all 200ms ease; transition: all 200ms ease;
position: relative; position: relative;
@ -579,7 +579,7 @@ a[href].button.next:hover::after,
} }
.ebooks nav > a:first-child:before{ .ebooks nav > a:first-child:before{
font-family: "FontAwesome"; font-family: "ForkAwesome";
content: "\f060"; content: "\f060";
transition: all 200ms ease; transition: all 200ms ease;
position: relative; position: relative;
@ -1336,7 +1336,7 @@ select{
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
font-size: 1rem; font-size: 1rem;
font-family: "FontAwesome", "Crimson Pro"; font-family: "ForkAwesome", "Crimson Pro";
color: var(--body-text); color: var(--body-text);
background: rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .1);
border-radius: 5px; border-radius: 5px;
@ -1383,16 +1383,20 @@ label.select > span + span::after{
top: calc((2rem + 1.4rem + 2px) / 2 - 6px); top: calc((2rem + 1.4rem + 2px) / 2 - 6px);
right: calc(1rem - 12px / 2); right: calc(1rem - 12px / 2);
content: "\f107"; content: "\f107";
font-family: "FontAwesome"; font-family: "ForkAwesome";
font-size: 1rem; font-size: 1rem;
line-height: 1; line-height: 1;
color: var(--sub-text); color: var(--sub-text);
margin-top: -3px; /* Adjust for Crimson Pro line-height */ margin-top: -3px; /* Adjust for Crimson Pro line-height */
text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
transition: color .5s;
} }
label.search:focus-within::before,
label.search:hover::before,
label.select:hover > span + span::after{ label.select:hover > span + span::after{
color: var(--input-outline); color: var(--input-outline);
transition: none;
} }
label.select > span + span, label.select > span + span,
@ -1404,17 +1408,19 @@ label.search{
label.search::before{ label.search::before{
display: block; display: block;
position: absolute; position: absolute;
top: calc(2rem + 4px + .7rem); top: calc(2rem + 2px + .7rem);
left: 1rem; left: 1rem;
content: "\f002"; content: "\f002";
font-family: "FontAwesome"; font-family: "ForkAwesome";
font-size: 1rem; font-size: 1rem;
line-height: 1; line-height: 1;
margin-right: 1rem; margin-right: 1rem;
color: var(--body-text); color: var(--sub-text);
margin-top: -3px; /* Adjust for Crimson Pro line-height */ margin-top: -3px; /* Adjust for Crimson Pro line-height */
text-shadow: 1px 1px 0 rgba(255, 255, 255, .5); text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
width: 1rem; width: 1rem;
transition: color .5s;
cursor: text;
} }
nav li.highlighted a, nav li.highlighted a,
@ -2295,6 +2301,7 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
box-shadow: 3px 3px 1px rgba(0, 0, 0, .5); box-shadow: 3px 3px 1px rgba(0, 0, 0, .5);
} }
label.select > span + span::after,
label.search::before{ label.search::before{
text-shadow: 1px 1px 0 #000; text-shadow: 1px 1px 0 #000;
} }

BIN
www/fonts/font-awesome.woff2
View file

Binary file not shown.

BIN
www/fonts/fork-awesome-subset.woff2 Normal file
View file

Binary file not shown.