dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

Move font definitions into a separate CSS file, using ERB and not Sass

Browse source 
Just checking out what doing asset references in a non-Sass way is!
This commit is contained in:
Emi Matchu 2024-09-09 19:49:51 -07:00
parent ce50a19d31
commit 2466e5971e
4 changed files with 40 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/_layout.sass
View file

@ -1,7 +1,6 @@
@import "partials/icon" @import "partials/icon"
@import "partials/clean/constants" @import "partials/clean/constants"
@import "partials/clean/mixins" @import "partials/clean/mixins"
@import fonts
/* Reset /* Reset

39
app/assets/stylesheets/fonts.css.erb Normal file
View file

@ -0,0 +1,39 @@
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
font-family: Delicious;
src: local("Delicious"), url("<%= font_path "Delicious-Roman.otf" %>)");
}
@font-face {
font-family: Delicious;
font-weight: bold;
src: local("Delicious"), url("<%= font_path "Delicious-Bold.otf" %>");
}
@font-face {
font-family: Delicious;
font-style: italic;
src: local("Delicious"), url("<%= font_path "Delicious-Italic.otf" %>");
}
@font-face {
font-family: "Noto Sans";
src: local("Noto Sans"), url("<%= font_path "NotoSans-Variable.ttf" %>");
}
@font-face {
font-family: "Noto Sans";
font-style: italic;
src: local("Noto Sans"), url("<%= font_path "NotoSans-Italic-Variable.ttf" %>");
}
@font-face {
font-family: "Noto Serif";
src: local("Noto Serif"), url("<%= font_path "NotoSerif-Variable.ttf" %>");
}
@font-face {
font-family: "Noto Serif";
font-style: italic;
src: local("Noto Serif"), url("<%= font_path "NotoSerif-Italic-Variable.ttf" %>");
}

32
app/assets/stylesheets/fonts.css.sass
View file

@ -1,32 +0,0 @@
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl
@font-face
font-family: Delicious
src: local("Delicious"), font-url("Delicious-Roman.otf")
@font-face
font-family: Delicious
font-weight: bold
src: local("Delicious"), font-url("Delicious-Bold.otf")
@font-face
font-family: Delicious
font-style: italic
src: local("Delicious"), font-url("Delicious-Italic.otf")
@font-face
font-family: "Noto Sans"
src: local("Noto Sans"), font-url("NotoSans-Variable.ttf")
@font-face
font-family: "Noto Sans"
font-style: italic
src: local("Noto Sans"), font-url("NotoSans-Italic-Variable.ttf")
@font-face
font-family: "Noto Serif"
src: local("Noto Serif"), font-url("NotoSerif-Variable.ttf")
@font-face
font-family: "Noto Serif"
font-style: italic
src: local("Noto Serif"), font-url("NotoSerif-Italic-Variable.ttf")

1
app/views/layouts/application.html.haml
View file

@ -12,6 +12,7 @@
#{t 'app_name'}: #{t '.title_tagline'} #{t 'app_name'}: #{t '.title_tagline'}
%link{href: image_path('favicon.png'), rel: 'icon'} %link{href: image_path('favicon.png'), rel: 'icon'}
= stylesheet_link_tag "application" = stylesheet_link_tag "application"
= stylesheet_link_tag "fonts"
= yield :stylesheets = yield :stylesheets
- if use_responsive_design? - if use_responsive_design?
%meta{name: "viewport", content: "width=device-width, initial-scale=1"} %meta{name: "viewport", content: "width=device-width, initial-scale=1"}