{"id":82,"date":"2021-06-03T21:36:58","date_gmt":"2021-06-03T20:36:58","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/?page_id=82"},"modified":"2021-06-09T21:13:40","modified_gmt":"2021-06-09T20:13:40","slug":"text-font","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/css\/css-properties\/text-font\/","title":{"rendered":"font-family"},"content":{"rendered":"

\"\"<\/a><\/h1>\n

Font rules can be given to text objects or their containers.<\/p>\n

Fonts are often given a list, so that if a font is not available then another can be used.<\/p>\n

If a font name has a space, then it must be enclosed in either quotation marks or apostrophes.<\/p>\n

\r\np {\r\n\u00a0\u00a0font-family: "Times New Roman", Times, serif;\r\n}\r\n<\/pre>\n
Google Fonts<\/h1>\n
There are 10 web safe fonts<\/a>.<\/p>\n
Google Fonts<\/a> has over 1000 fonts that are free to use. However, before you can use a Google font it has to be loaded in either an external or internal style sheet.<\/p>\n
@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto&display=swap');\r\n\r\np {\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n<\/pre>\n
Spaces inside a font name needs to be replaced with a ‘+’ sign when it is loaded, but surrounded by quotation marks or apostrophes when it is used:<\/p>\n
@import url('https:\/\/fonts.googleapis.com\/css2?family=Sigmar+One&display=swap');\r\n\r\nh1 {\r\n    font-family: 'Sigmar One', cursive;\r\n}\r\n<\/pre>\n
The Google Fonts page will give you necessary code to copy and paste – click on the @import<\/strong> option<\/p>\n","protected":false},"excerpt":{"rendered":"
Font rules can be given to text objects or their containers. Fonts are often given a list, so that if a font is not available then another can be used. If a font name has a space, then it must be enclosed in either quotation marks or apostrophes. p { \u00a0\u00a0font-family: "Times New Roman", Times, serif; } Google Fonts There are 10 web safe fonts. Google Fonts has over 1000<\/p>\n
Read More<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":366,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":8,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/82\/revisions\/234"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/366"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}