Materialize CSS, choosing font color or family?

Question

I wanna put some text in orange. It is an h4, or just need for changing its colour.

http://materializecss.com/typography.html

there'are diferent Roboto font family, but I dont know how to use it without using font-family...

Answer 1

You can do this:

<h4 class='text-orange text-darken-3'>TITLE</h4>

Answer 2

just add this to your custom css.

.dropdown-content, .select-dropdown{
  font-family: "BT Mono bold" !important;   
}

Answer 3

There is nothing like css classes available in matz library as you have mentioned.

should be like this .blue-text text-darken-2

for more refer in color usage section of matz.

Answer 4

I you want to change the color, then:

<h3 class="orange">Hello world!</h4>

If you want to color the text as well, you can do

<h4 class="orange white-text">Hello world!</h4>

See http://materializecss.com/color.html

Answer 5

You must use the font-family in css file

h4 {
  font-family:sans-serif;
  color:orange;
}