Hello,
How do I change the overall font to Roboto ?
I have to accomplish this in css bit it still shows the original.
The font family is @ Lucida Console, Monaco, monospace ?
font change
Re: font change
I meant to add this in first post since I had already tried this...
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<style>
body {
font-family: 'Roboto';font-size: 22px;
}
</style>
</head>
font-family: 'Roboto';font-size: 12px
font-family: 'Roboto';
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<style>
body {
font-family: 'Roboto';font-size: 22px;
}
</style>
</head>
font-family: 'Roboto';font-size: 12px
font-family: 'Roboto';
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
- fraenkiman
- Posts: 223
- Joined: Thu Feb 03, 2022 7:25 pm
- Location: Berlin, Germany
- Contact:
Re: font change
Hello dart,
I guess you are using the FlatMaas Revisited style.
The information was missing.
Add in the file /fp-interface/themes/leggero/header.tpl the following:
If I'm right with my guess, have a look in the file /fp-interface/themes/leggero/flatmaas-rev/res/common.css in the line 118.
Here you can specify Roboto as font.
A small, maybe important hint: You might have to announce in your privacy policy that your website loads an "external" font from Google.
I would recommend you to park the font on your own webspace. Then you don't give lawyers any fuel for fire regarding privacy.
With best regards
Frank
I guess you are using the FlatMaas Revisited style.
The information was missing.
Add in the file /fp-interface/themes/leggero/header.tpl the following:
Code: Select all
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
...
...
Code: Select all
/* ==== Redefinition HTML tag ==== */
html {
font: 82.5% verdana, Helvetica, Arial, sans-serif;
...;
...
}
Code: Select all
font-family: 'Roboto', Font for fallback;
I would recommend you to park the font on your own webspace. Then you don't give lawyers any fuel for fire regarding privacy.
With best regards
Frank
You are strong in PHP and Java Script? Then help us to improve FlatPress.
Looking for ideas, templates, examples and answers to frequently asked questions?
You'll find it here.
My FlatPress-Blog: https://frank-web.dedyn.io
Looking for ideas, templates, examples and answers to frequently asked questions?
You'll find it here.
My FlatPress-Blog: https://frank-web.dedyn.io
- fraenkiman
- Posts: 223
- Joined: Thu Feb 03, 2022 7:25 pm
- Location: Berlin, Germany
- Contact:
Re: font change
Hello Dart,
I've been playing around with the font a bit.
Try the following:
To embed a font, copy the code into the <head> of your html
CSS rules to specify families
Restful night
With best regards
Frank
I've been playing around with the font a bit.
Try the following:
To embed a font, copy the code into the <head> of your html
Code: Select all
<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=Roboto&display=swap' rel='stylesheet' type='text/css'>
Code: Select all
font-family: 'Roboto', sans-serif;
With best regards
Frank
You are strong in PHP and Java Script? Then help us to improve FlatPress.
Looking for ideas, templates, examples and answers to frequently asked questions?
You'll find it here.
My FlatPress-Blog: https://frank-web.dedyn.io
Looking for ideas, templates, examples and answers to frequently asked questions?
You'll find it here.
My FlatPress-Blog: https://frank-web.dedyn.io
Who is online
Users browsing this forum: No registered users and 27 guests