google / google/fonts

Class name mismatch between developer guide and font's HTML code.

Open
#4,193 1 comment 0 reactions 0 assignees View on GitHub
I API / Website / Platform
Dominant language
HTML
Stars
20.5k
Forks
2.9k
Avg merge
1d 21h
Merged PRs (30d)
95

Description

For example, in the material icons guide, we are instructed that the font's HTML .material-icon class will be there inside the tag. But when we copy the HTML code from the icon page, it gives .material-icon-outlined class inside the tag. Hence, only the text inside the tag is rendered rather than the actual icon. Screenshots have been included for further clarification.

Describe the bug
Class name mismatch between developer guide and icon's HTML code.

To Reproduce
1. Embed inside the head of HTML.
2. Copy any outlined icon's HTML code from the icon page.
3. Use the icon's HTML code inside the body of your HTML .
4. Instead, of the icon you will get the text inside the span tag.

Expected behaviour
![InkedScreenshot 2022-01-01 at 12-17-35 Google Fonts_LI](https://user-images.githubusercontent.com/74260285/147845452-9bbba3ac-8bdb-4d18-9e5b-a4ab14aa4969.jpg)

I expected to have outlined material icons.
![InkedScreenshot 2022-01-01 at 12-16-10 Material Icons Guide Google Fonts Google Developers_LI](https://user-images.githubusercontent.com/74260285/147845435-1466109f-0ca7-4cfc-9d0d-b8b26194660b.jpg)

**Screenshots**
If applicable, add screenshots to help explain your problem.

**Additional context**
Add any other context about the problem here (OS version, browser, printer…)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.