From 8ef97042cef20d08cf51bfc2d2a58951876c165f Mon Sep 17 00:00:00 2001 From: "M. Gardner" Date: Mon, 24 May 2021 13:08:36 +0300 Subject: [PATCH] improve font choice (now it is a non-microsoft, open font license font, that is provided by google) --- Tephra/Tephra.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/Tephra/Tephra.css b/Tephra/Tephra.css index d42f8483c5..b225ccf8c7 100644 --- a/Tephra/Tephra.css +++ b/Tephra/Tephra.css @@ -1,3 +1,7 @@ +/* fonts import, for cross-platform compatibility */ +@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap'); + + /*----------- Repeating Blocks -------------*/ .charsheet .repcontrol_add { display: block; @@ -174,7 +178,7 @@ input.sheet-text[type="text"]:focus { color: black; font-weight:bold; font-size:1.2em; - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; background: transparent; box-shadow: inset 0px 0px 10px #997C4D; @@ -198,7 +202,7 @@ select.sheet-smallselect { padding-left:2px; } h4 { - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; color: #997C4D; font-weight:bold; text-align:center; @@ -220,22 +224,22 @@ textarea.sheet-longnotes { } textarea::-webkit-input-placeholder { - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; color:#997C4D; } textarea:-moz-placeholder { /* Firefox 18- */ - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; color:#997C4D; } textarea::-moz-placeholder { /* Firefox 19+ */ - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; color:#997C4D; } textarea:-ms-input-placeholder { - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; color:#997C4D; } /*========== Big Checkbox ==========*/ @@ -314,7 +318,7 @@ input.sheet-bigcheck[type="radio"]:checked + span::before padding-left:20px; font-size:1em !important; color: white; - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; /* ======== text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 5px white,0px 0px 5px white,0px 0px 5px white; ========*/ @@ -350,7 +354,7 @@ input.sheet-bigcheck[type="radio"]:checked + span::before margin: 0; background: radial-gradient(circle at 0px 10px, white, gray); font-size:1em !important; - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; font-weight:bold; height:25px; width: 120px; @@ -378,7 +382,7 @@ input.sheet-bigcheck[type="radio"]:checked + span::before border: none; color: black; font-size: 1em; - font-family: Copperplate, 'Copperplate Gothic Light', fantasy; + font-family: 'Poiret One', cursive; box-shadow: inset 0px 0px 30px rgba(153, 124, 77,1.8),inset 0px 0px 30px rgba(153, 124, 77,1.8), 0 0 2px black; background: white;