specify emoji font for icons

This commit is contained in:
Alexander Bocken 2024-02-25 11:14:52 +01:00
parent 687063f216
commit b4dc4d194f
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
4 changed files with 6 additions and 0 deletions

View File

@ -45,6 +45,9 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
background-color: var(--blue); background-color: var(--blue);
box-shadow: 0em 0em 2em 0.1em rgba(0, 0, 0, 0.3); box-shadow: 0em 0em 2em 0.1em rgba(0, 0, 0, 0.3);
} }
.icon{
font-family: "Noto Color Emoji", emoji, sans-serif;
}
#image{ #image{
width: 300px; width: 300px;
height: 255px; height: 255px;

View File

@ -5,6 +5,7 @@
</script> </script>
<style> <style>
a{ a{
font-family: "Noto Color Emoji", emoji;
font-size: 2rem; font-size: 2rem;
text-decoration: none; text-decoration: none;
padding: 0.5em; padding: 0.5em;

View File

@ -8,6 +8,7 @@
<style> <style>
a{ a{
font-family: "Noto Color Emoji", emoji, sans-serif;
font-size: 2rem; font-size: 2rem;
text-decoration: none; text-decoration: none;
padding: 0.5em; padding: 0.5em;

View File

@ -10,6 +10,7 @@
</script> </script>
<style> <style>
a{ a{
font-family: "Noto Color Emoji", emoji, sans-serif;
--padding: 0.5em; --padding: 0.5em;
font-size: 3rem; font-size: 3rem;
text-decoration: none; text-decoration: none;