diff --git a/fonts.css b/fonts.css new file mode 100644 index 0000000..79009e0 --- /dev/null +++ b/fonts.css @@ -0,0 +1,2 @@ +@import url('fonts/font-awesome.css'); +@import url('fonts/Inconsolata.css'); diff --git a/fonts/Inconsolata-Bold.ttf b/fonts/Inconsolata-Bold.ttf new file mode 100755 index 0000000..809c1f5 Binary files /dev/null and b/fonts/Inconsolata-Bold.ttf differ diff --git a/fonts/Inconsolata-Regular.ttf b/fonts/Inconsolata-Regular.ttf new file mode 100755 index 0000000..fc981ce Binary files /dev/null and b/fonts/Inconsolata-Regular.ttf differ diff --git a/fonts/Inconsolata.css b/fonts/Inconsolata.css new file mode 100644 index 0000000..4f9c12f --- /dev/null +++ b/fonts/Inconsolata.css @@ -0,0 +1,18 @@ +/***************/ +/* INCONSOLATA */ +/***************/ + +@font-face { + font-family: 'Inconsolata'; + src: url('Inconsolata-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Inconsolata'; + src: url('Inconsolata-Bold.ttf') format('truetype'); + font-weight: bold; + font-style: normal; +} + diff --git a/popup.css b/popup.css index b1f6796..0042f00 100644 --- a/popup.css +++ b/popup.css @@ -38,7 +38,7 @@ button::selection { height: 150px; width: 150px; color: #ccc; - font-family: Font Awesome, sans-serif; + font-family: Font Awesome; } #main-button-container button.active { color: #000; @@ -78,6 +78,7 @@ button::selection { padding: 10px; color: #777; width: 100%; + font-family: Font Awesome, Inconsolata, sans-serif; } .options-button:hover { color: #000; @@ -86,8 +87,9 @@ button::selection { content: "\F1DE"; font-family: Font Awesome; font-size: 0.875em; - margin: 0 5px 0 0; + margin: 0 6px 0 0; } .options-button::after { content: "Options"; + margin: 0 3px 0 0; } diff --git a/popup.html b/popup.html index e00c9d1..3c6f658 100644 --- a/popup.html +++ b/popup.html @@ -2,7 +2,7 @@