Commit eafd7234 authored by Adrián Pérez de Castro's avatar Adrián Pérez de Castro Committed by Michael Catanzaro

Use "font: menu" to obtain the system interface font in CSS

This uses "font: menu" rules to pick the font configured to be used by GTK+
instead of hardcoding the "Cantarell" value.

Note that the CSS spec mandates that when "font: menu" is to be used, no
other properties (e.g. font size) can be specified as part of the "font"
attribute, and "font-size" attributes had to be added to change sizes.

This makes the following pages which are displayed by Epiphany inside
web views use the same font as the rest of GTK+:

  - New tab/window overview page.
  - Error pages.
  - about:
  - about:plugins
  - about:applications

Fixes bug #783489
parent 47beb195
......@@ -7,8 +7,9 @@ h1 {
}
html {
font-family: Cantarell, sans-serif;
font: 11pt cantarell;
/* Pick system UI font and its properties, and then customize its size. */
font: menu;
font-size: 11pt;
color: #2e3436;
padding: 20px 20px 0 20px;
background-color: #f6f6f4;
......@@ -232,7 +233,8 @@ html.epiphany-html {
display: inline-block;
margin-top: 10px;
overflow: hidden;
font-family: Cantarell, sans-serif;
/* Pick system UI font and its properties, and then customize its size. */
font: menu;
font-size: 11pt;
color: #2e3436;
text-overflow: ellipsis;
......@@ -268,7 +270,8 @@ html.epiphany-html {
opacity: 0;
z-index: 5;
color: #888;
font-family: sans-serif;
/* Pick system UI font and its properties, and then customize its size. */
font: menu;
font-size: 14px;
width: 13px;
height: 14px;
......
/* Global CSS for error pages */
html {
font-family: Cantarell, sans-serif;
font: 12pt cantarell;
/* Pick system UI font and its properties, and then customize its size. */
font: menu;
font-size: 12pt;
padding: 40px 20px 0 20px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment