Related questions

How to generate custom Material Symbols Rounded font with only required icons using Google Fonts?

2022-05-04 09:58 sunknudsen imported from Stackoverflow

I am aware of text=, but can’t figure out how to target icons (such as play_arrow) rather than letters.

Example: http://fonts.googleapis.com/css?family=Open+Sans:400&text=hello

Thanks for helping out.

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum

See also questions close to this topic

  • How to use a web font in dev tools (Chrome)

    I tend to update fonts with the dev tools to quickly test which font's to use on websites. Is it possible to use a web-font, that is not already imported by the source html file, via the dev tools? I tried searching for a solution but couldn't find any?

    For example, if I go to any site and wanted to try Open Sans (google font), is it possible to test this font on the site by using the dev tools, or is the only way to do this is by updating the CSS with a @font-face ruleset?

  • Google fonts not showing on Firefox (duplicated)

    i'm working on a project and Google fonts aren't showing on firefox, but work perfectly on the other browsers (safari, chrome, opera.). I tried to find the solution from this question: Google font not showing in firefox , and i changed some things on the "about:config" (security.sandbox.content.level = 2). This is the firefox error:

    Error in parsing value for ‘font-family’.  Declaration dropped. style.scss:55:25
Error in parsing value for ‘font-family’.  Declaration dropped. style.scss:67:5
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://fonts.gstatic.com/s/overpass/v10/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbPpqK.woff2. (Reason: CORS request did not succeed). Status code: (null).

downloadable font: download failed (font-family: "Overpass" style:normal weight:400 stretch:100 src index:0): bad URI or cross-site access not allowed source: http://fonts.gstatic.com/s/overpass/v10/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbPpqK.woff2
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://fonts.gstatic.com/s/overpass/v10/qFda35WCmI96Ajtm83upeyoaX6QPnlo6G_TbPpqK.woff2. (Reason: CORS request did not succeed). Status code: (null).

downloadable font: download failed (font-family: "Overpass" style:normal weight:700 stretch:100 src index:0): bad URI or cross-site access not allowed source: http://fonts.gstatic.com/s/overpass/v10/qFda35WCmI96Ajtm83upeyoaX6QPnlo6G_TbPpqK.woff2

    I imported the fonts with the "link" tag:

     <link rel="preconnect" href="//fonts.googleapis.com">
  <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap" rel="stylesheet">

    These are the websites i visited: https://support.mozilla.org/en-US/questions/1188968 https://support.google.com/webdesigner/thread/272921/google-fonts-not-loading-properly-in-safari-and-firefox?hl=en Why aren't Google Fonts caching on Firefox?

    Have a nice day.