Custom Materialize CSS StyleSet cellpadding and cellspacing in CSS?How do I give text or an image a transparent background using CSS?Is there a CSS parent selector?How to style a <select> dropdown with only CSS?When to use margin vs padding in CSSChange an HTML5 input's placeholder color with CSSHow can I transition height: 0; to height: auto; using CSS?How do CSS triangles work?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?
Is it expected that a reader will skip parts of what you write?
Is this a bug in plotting step functions?
What is the logic behind taxing money for property?
Increase speed altering column on large table to NON NULL
How to trick the reader into thinking they're following a redshirt instead of the protagonist?
How to publish items after pipeline is finished?
Why did Intel abandon unified CPU cache?
Separate SPI data
Non-aqueous eyes?
What is the purpose of bonds within an investment portfolio?
How can I end combat quickly when the outcome is inevitable?
Should I refuse being named as co-author of a bad quality paper?
Proving that a Russian cryptographic standard is too structured
Which languages would be most useful in Europe at the end of the 19th century?
Is it possible to have 2 different but equal size real number sets that have the same mean and standard deviation?
Why can I traceroute to this IP address, but not ping?
Excel division by 0 error when trying to average results of formulas
Why is long-term living in Almost-Earth causing severe health problems?
Does putting salt first make it easier for attacker to bruteforce the hash?
What should I write in an apology letter, since I have decided not to join a company after accepting an offer letter
A word that means "blending into a community too much"
Is it possible to fly backward if you have really strong headwind?
Origin of "boor"
How to make insert mode mapping count as multiple undos?
Custom Materialize CSS Style
Set cellpadding and cellspacing in CSS?How do I give text or an image a transparent background using CSS?Is there a CSS parent selector?How to style a <select> dropdown with only CSS?When to use margin vs padding in CSSChange an HTML5 input's placeholder color with CSSHow can I transition height: 0; to height: auto; using CSS?How do CSS triangles work?How do I vertically center text with CSS?Is it possible to apply CSS to half of a character?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Materialize use 'Roboto' as default typeface.
I'm not trying(as provided by documentation) to change the custom CSS like this:
html
font-family: GillSans, Calibri, Trebuchet, sans-serif;
What i'm looking for is to change the original style of h1, h2, h3, h4, h5, h6, and p, a, elements for 'Poppins' font in different weights incluuding Extra-Bold, Bold and Medium with font-sizes of 75pt, 50pt, 30pt and, 25pt.
I have tried custom CSS for each element including:
font-size: 30pt;
font-weight: 'Extra-Bold' !important;
I also have tried the html 'browser-default' class, and also tried:
*
font-family: initial;
The font is linked like this in the style.css sheet:
@import url(http://fonts.googleapis.com/css family=Poppins);
And, the stylesheets are imported too.
<link href = ' css/materialize.min.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
<link href = ' css/styles.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
I have done several tests including or not those things.
How can I Disable Specific Style Rules of Materialize and Personalize the CSS Typography Styles, directly with Materialize or a Custom CSS?
css frameworks materialize typography
asked Mar 24 at 19:56
OrigamistaOrigamista
82
add a comment |
Materialize use 'Roboto' as default typeface.
I'm not trying(as provided by documentation) to change the custom CSS like this:
html
font-family: GillSans, Calibri, Trebuchet, sans-serif;
What i'm looking for is to change the original style of h1, h2, h3, h4, h5, h6, and p, a, elements for 'Poppins' font in different weights incluuding Extra-Bold, Bold and Medium with font-sizes of 75pt, 50pt, 30pt and, 25pt.
I have tried custom CSS for each element including:
font-size: 30pt;
font-weight: 'Extra-Bold' !important;
I also have tried the html 'browser-default' class, and also tried:
*
font-family: initial;
The font is linked like this in the style.css sheet:
@import url(http://fonts.googleapis.com/css family=Poppins);
And, the stylesheets are imported too.
<link href = ' css/materialize.min.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
<link href = ' css/styles.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
I have done several tests including or not those things.
How can I Disable Specific Style Rules of Materialize and Personalize the CSS Typography Styles, directly with Materialize or a Custom CSS?
css frameworks materialize typography
asked Mar 24 at 19:56
OrigamistaOrigamista
82
Is it typo or actual line in your code?http://fonts.googleapis.com/css family=Poppinsshould behttp://fonts.googleapis.com/css?family=Poppins
– no0ob
Mar 24 at 20:06
1
Also, font-weights are numbers, 100 to 900, not strings; extra bold should be 800. And I'm not sure all those spaces in your attribute values are OK.
– Mr Lister
Mar 24 at 20:07
add a comment |
Materialize use 'Roboto' as default typeface.
I'm not trying(as provided by documentation) to change the custom CSS like this:
html
font-family: GillSans, Calibri, Trebuchet, sans-serif;
What i'm looking for is to change the original style of h1, h2, h3, h4, h5, h6, and p, a, elements for 'Poppins' font in different weights incluuding Extra-Bold, Bold and Medium with font-sizes of 75pt, 50pt, 30pt and, 25pt.
I have tried custom CSS for each element including:
font-size: 30pt;
font-weight: 'Extra-Bold' !important;
I also have tried the html 'browser-default' class, and also tried:
*
font-family: initial;
The font is linked like this in the style.css sheet:
@import url(http://fonts.googleapis.com/css family=Poppins);
And, the stylesheets are imported too.
<link href = ' css/materialize.min.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
<link href = ' css/styles.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
I have done several tests including or not those things.
How can I Disable Specific Style Rules of Materialize and Personalize the CSS Typography Styles, directly with Materialize or a Custom CSS?
css frameworks materialize typography
asked Mar 24 at 19:56
OrigamistaOrigamista
82
Materialize use 'Roboto' as default typeface.
I'm not trying(as provided by documentation) to change the custom CSS like this:
html
font-family: GillSans, Calibri, Trebuchet, sans-serif;
What i'm looking for is to change the original style of h1, h2, h3, h4, h5, h6, and p, a, elements for 'Poppins' font in different weights incluuding Extra-Bold, Bold and Medium with font-sizes of 75pt, 50pt, 30pt and, 25pt.
I have tried custom CSS for each element including:
font-size: 30pt;
font-weight: 'Extra-Bold' !important;
I also have tried the html 'browser-default' class, and also tried:
*
font-family: initial;
The font is linked like this in the style.css sheet:
@import url(http://fonts.googleapis.com/css family=Poppins);
And, the stylesheets are imported too.
<link href = ' css/materialize.min.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
<link href = ' css/styles.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />
I have done several tests including or not those things.
How can I Disable Specific Style Rules of Materialize and Personalize the CSS Typography Styles, directly with Materialize or a Custom CSS?
css frameworks materialize typography
css frameworks materialize typography
asked Mar 24 at 19:56
OrigamistaOrigamista
82
asked Mar 24 at 19:56
OrigamistaOrigamista
82
asked Mar 24 at 19:56
OrigamistaOrigamista
82
asked Mar 24 at 19:56
OrigamistaOrigamista
82
asked Mar 24 at 19:56
OrigamistaOrigamista
82
82
Is it typo or actual line in your code?http://fonts.googleapis.com/css family=Poppinsshould behttp://fonts.googleapis.com/css?family=Poppins
– no0ob
Mar 24 at 20:06
1
Also, font-weights are numbers, 100 to 900, not strings; extra bold should be 800. And I'm not sure all those spaces in your attribute values are OK.
– Mr Lister
Mar 24 at 20:07
add a comment |
Is it typo or actual line in your code?http://fonts.googleapis.com/css family=Poppinsshould behttp://fonts.googleapis.com/css?family=Poppins
– no0ob
Mar 24 at 20:06
1
Also, font-weights are numbers, 100 to 900, not strings; extra bold should be 800. And I'm not sure all those spaces in your attribute values are OK.
– Mr Lister
Mar 24 at 20:07
Is it typo or actual line in your code?
http://fonts.googleapis.com/css family=Poppins should be http://fonts.googleapis.com/css?family=Poppins– no0ob
Mar 24 at 20:06
Is it typo or actual line in your code?
http://fonts.googleapis.com/css family=Poppins should be http://fonts.googleapis.com/css?family=Poppins– no0ob
Mar 24 at 20:06
1
1
Also, font-weights are numbers, 100 to 900, not strings; extra bold should be 800. And I'm not sure all those spaces in your attribute values are OK.
– Mr Lister
Mar 24 at 20:07
Also, font-weights are numbers, 100 to 900, not strings; extra bold should be 800. And I'm not sure all those spaces in your attribute values are OK.
– Mr Lister
Mar 24 at 20:07
add a comment |
1 Answer
1
active
oldest
votes
The main problem is with your import. There is a typo, you should use https instead, and you should specify the font-weights you need. 500 would be 'medium', 700 'bold' and 800 'extra-bold'
Furthermore, when specifying the font-weight in your selector, you don't use a string, but one of the predefined values or a numeric value.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
@import url('https://fonts.googleapis.com/css?family=Poppins:500,700,800');
h1, h2, h3, h4, h5, h6, p, a
font-family: 'Poppins', sans-serif;
h1
font-weight: 800;
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55327977%2fcustom-materialize-css-style%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The main problem is with your import. There is a typo, you should use https instead, and you should specify the font-weights you need. 500 would be 'medium', 700 'bold' and 800 'extra-bold'
Furthermore, when specifying the font-weight in your selector, you don't use a string, but one of the predefined values or a numeric value.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
@import url('https://fonts.googleapis.com/css?family=Poppins:500,700,800');
h1, h2, h3, h4, h5, h6, p, a
font-family: 'Poppins', sans-serif;
h1
font-weight: 800;
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
add a comment |
The main problem is with your import. There is a typo, you should use https instead, and you should specify the font-weights you need. 500 would be 'medium', 700 'bold' and 800 'extra-bold'
Furthermore, when specifying the font-weight in your selector, you don't use a string, but one of the predefined values or a numeric value.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
@import url('https://fonts.googleapis.com/css?family=Poppins:500,700,800');
h1, h2, h3, h4, h5, h6, p, a
font-family: 'Poppins', sans-serif;
h1
font-weight: 800;
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
add a comment |
The main problem is with your import. There is a typo, you should use https instead, and you should specify the font-weights you need. 500 would be 'medium', 700 'bold' and 800 'extra-bold'
Furthermore, when specifying the font-weight in your selector, you don't use a string, but one of the predefined values or a numeric value.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
@import url('https://fonts.googleapis.com/css?family=Poppins:500,700,800');
h1, h2, h3, h4, h5, h6, p, a
font-family: 'Poppins', sans-serif;
h1
font-weight: 800;
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
The main problem is with your import. There is a typo, you should use https instead, and you should specify the font-weights you need. 500 would be 'medium', 700 'bold' and 800 'extra-bold'
Furthermore, when specifying the font-weight in your selector, you don't use a string, but one of the predefined values or a numeric value.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
@import url('https://fonts.googleapis.com/css?family=Poppins:500,700,800');
h1, h2, h3, h4, h5, h6, p, a
font-family: 'Poppins', sans-serif;
h1
font-weight: 800;
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
edited Mar 24 at 21:09
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
answered Mar 24 at 20:43
Marie BeaufortMarie Beaufort
684
684
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55327977%2fcustom-materialize-css-style%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Is it typo or actual line in your code?
http://fonts.googleapis.com/css family=Poppinsshould behttp://fonts.googleapis.com/css?family=Poppins– no0ob
Mar 24 at 20:06
1
Also, font-weights are numbers, 100 to 900, not strings; extra bold should be 800. And I'm not sure all those spaces in your attribute values are OK.
– Mr Lister
Mar 24 at 20:07