creativecommons / creativecommons/search

[Bug] Incorrect URL Syntax in @font-face Declarations

Open Beginner friendly
#266 2 comments 0 reactions 0 assignees View on GitHub
💻 aspect: code 🚧 status: blocked 🛠 goal: fix 🟧 priority: high
Dominant language
CSS
Stars
27
Forks
112
PR merge metrics
No merged PRs in 30d

Description

## Description
Incorrect URL syntax in `@font-face` declaration. The `url()` value is not enclosed in quotes, which may lead to unexpected behavior in certain browsers.

## Reproduction
1. Open the CSS library-vars.css file containing the `@font-face` declarations.
2. Locate the `@font-face` rules for fonts such as "Source Sans Pro" and "Roboto Condensed."
3. Observe that some `url()` values are not enclosed in quotes.
4. See error.

## Expectation
The `URL ()` value should be enclosed in quotes to ensure consistent behavior across all browsers.

## Screenshots
![Screenshot from 2024-10-05 13-32-35](https://github.com/user-attachments/assets/f29cf73d-04a6-44eb-a264-5ec7a5040ae2)
## Environment
- Device: Laptop
- OS: Linux
- Browser: Chrome

## Resolution
- [x] I would be interested in resolving this bug.

Contributor guide

Open the contributing guide

Research direction

Open the CSS library-vars.css file and inspect the @font-face declarations for fonts such as Source Sans Pro and Roboto Condensed. Update the affected url() values so they are enclosed in quotes, then verify that the relevant declarations use consistent CSS URL syntax.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.