altf4arnold/datatracker
1
0
Fork 0
Code Issues Pull requests Actions 3 Packages Projects Releases Wiki Activity

feat: change fonts to Inter and Noto Sans Mono (#5628)

Browse source
This commit is contained in:
Nicolas Giard 2023-05-15 17:37:00 -04:00 committed by GitHub
parent b4a692fac1
commit 3d6ca172ce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/agenda/AgendaScheduleList.vue
View file

@ -1061,7 +1061,7 @@ onBeforeUnmount(() => {
&-cell-ts { &-cell-ts {
border-right: 1px solid $gray-300 !important; border-right: 1px solid $gray-300 !important;
// -> Use system font instead of Montserrat so that all digits align vertically // -> Use system font instead of Inter so that all digits align vertically
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: 700;

2
client/index.html
View file

@ -8,6 +8,8 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<link href="https://static.ietf.org/fonts/inter/import.css" rel="stylesheet">
<link href="https://static.ietf.org/fonts/noto-sans-mono/import.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="pt-3 container-fluid"> <div class="pt-3 container-fluid">

3
ietf/static/css/ietf.scss
View file

@ -14,6 +14,9 @@ $popover-max-width: 100%;
@import "bootstrap/scss/variables"; @import "bootstrap/scss/variables";
$font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-family-monospace: "Noto Sans Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
$h1-font-size: $font-size-base * 2.2; $h1-font-size: $font-size-base * 2.2;
$h2-font-size: $font-size-base * 1.8; $h2-font-size: $font-size-base * 1.8;
$h3-font-size: $font-size-base * 1.6; $h3-font-size: $font-size-base * 1.6;

8
ietf/templates/base.html
View file

@ -15,12 +15,8 @@
{% block title %}No title{% endblock %} {% block title %}No title{% endblock %}
</title> </title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
{% comment Halloween %} <link href="https://static.ietf.org/fonts/inter/import.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=IM+Fell+English+SC|IM+Fell+DW+Pica:400,400italic|Nova+Mono|IM+Fell+English:400,400italic&subset=latin-ext,latin' rel='stylesheet'> <link href="https://static.ietf.org/fonts/noto-sans-mono/import.css" rel="stylesheet">
{% endcomment %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300..700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{% static 'ietf/css/ietf.css' %}"> <link rel="stylesheet" href="{% static 'ietf/css/ietf.css' %}">
<link rel="stylesheet" href="{% static 'ietf/css/select2.css' %}"> <link rel="stylesheet" href="{% static 'ietf/css/select2.css' %}">
<style> <style>

3
ietf/templates/meeting/agenda.html
View file

@ -16,9 +16,6 @@
{% vite_asset 'client/main.js' %} {% vite_asset 'client/main.js' %}
{% endblock %} {% endblock %}
{% block morecss %} {% block morecss %}
body {
font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/* Avoid hiding the page footer when on mobile with the footer toolbar overlay */ /* Avoid hiding the page footer when on mobile with the footer toolbar overlay */
@media screen and (max-width: 992px) { @media screen and (max-width: 992px) {