dont use a cdn for one little search icon

This commit is contained in:
xfnw 2020-12-16 21:42:08 -05:00
parent 2fb507356e
commit 8fa66770b1
3 changed files with 28 additions and 2 deletions

BIN
assets/icomoon.woff Normal file

Binary file not shown.

View file

@ -63,3 +63,30 @@ margin-bottom: 5px;
color:#cdcdcd; color:#cdcdcd;
} }
@font-face {
font-family: 'icomoon';
src:
url('icomoon.woff?8kg27f') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon-search {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
content: "\e986";
}

View file

@ -6,7 +6,6 @@ error_reporting(E_ALL);
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="en"> <html lang="en">
<link rel="stylesheet" type="text/css" href="assets/style.css"> <link rel="stylesheet" type="text/css" href="assets/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="a search engine"> <meta name="description" content="a search engine">
<title>searpl</title> <title>searpl</title>
@ -17,7 +16,7 @@ error_reporting(E_ALL);
<div class='box search-container'> <div class='box search-container'>
<form action="./"> <form action="./">
<input type="text" placeholder="Search.." name="q" value="<?php if (isset($_GET['q'])) {echo htmlspecialchars($_GET['q']); } ?>"> <input type="text" placeholder="Search.." name="q" value="<?php if (isset($_GET['q'])) {echo htmlspecialchars($_GET['q']); } ?>">
<button type="submit"><i class="fa fa-search"></i></button> <button type="submit"><i class="icon-search"></i></button>
</form> </form>
</div> </div>