fix(fonts): removed quotes in css attributes

Jekata · Jekata · commit bbc4ce76e344 · 2025-02-03T18:24:45.000+02:00
diff --git a/styling/controlling-visual-appearance/fonts.md b/styling/controlling-visual-appearance/fonts.md
@@ -91,8 +91,8 @@ WebComponentsIcons is the font used for rendering iconography in the Telerik UI
 
 <style>
 @font-face {
-    font-family: "WebComponentsIcons";
-    src: url("https://d35islomi5rx1v.cloudfront.net/ajaxz/2024.4.1114/Common/WebComponentsIcons.woff") format("truetype");
+    font-family: WebComponentsIcons;
+    src: url(https://d35islomi5rx1v.cloudfront.net/ajaxz/2024.4.1114/Common/WebComponentsIcons.woff) format(truetype);
     font-display: swap;
 }
 
@@ -103,7 +103,7 @@ WebComponentsIcons is the font used for rendering iconography in the Telerik UI
 }
 
 #fontcodes span.icon {
-    font-family: "WebComponentsIcons", monospace;
+    font-family: WebComponentsIcons, monospace;
     font-size: 42px;
     color: black;
 }
@@ -739,7 +739,7 @@ The following example demonstrates how to use the `@font-face` rule to load the
 ```CSS
 <style>
     @font-face {
-        font-family: "WebComponentsIcons";
+        font-family: WebComponentsIcons;
         src: url("https://d35islomi5rx1v.cloudfront.net/ajaxz/2024.4.1114/Common/WebComponentsIcons.woff") format("truetype");
         font-display: swap;
     }

Original file line number	Diff line number	Diff line change
`@@ -91,8 +91,8 @@ WebComponentsIcons is the font used for rendering iconography in the Telerik UI`
`91`	`91`
`92`	`92`	`<style>`
`93`	`93`	`@font-face {`
`94`		`- font-family: "WebComponentsIcons";`
`95`		`- src: url("https://d35islomi5rx1v.cloudfront.net/ajaxz/2024.4.1114/Common/WebComponentsIcons.woff") format("truetype");`
	`94`	`+ font-family: WebComponentsIcons;`
	`95`	`+ src: url(https://d35islomi5rx1v.cloudfront.net/ajaxz/2024.4.1114/Common/WebComponentsIcons.woff) format(truetype);`
`96`	`96`	`font-display: swap;`
`97`	`97`	`}`
`98`	`98`
`@@ -103,7 +103,7 @@ WebComponentsIcons is the font used for rendering iconography in the Telerik UI`
`103`	`103`	`}`
`104`	`104`
`105`	`105`	`#fontcodes span.icon {`
`106`		`- font-family: "WebComponentsIcons", monospace;`
	`106`	`+ font-family: WebComponentsIcons, monospace;`
`107`	`107`	`font-size: 42px;`
`108`	`108`	`color: black;`
`109`	`109`	`}`
@@ -739,7 +739,7 @@ The following example demonstrates how to use the `@font-face` rule to load the
`739`	`739`	```CSS
`740`	`740`	`<style>`
`741`	`741`	`@font-face {`
`742`		`- font-family: "WebComponentsIcons";`
	`742`	`+ font-family: WebComponentsIcons;`
`743`	`743`	`src: url("https://d35islomi5rx1v.cloudfront.net/ajaxz/2024.4.1114/Common/WebComponentsIcons.woff") format("truetype");`
`744`	`744`	`font-display: swap;`
`745`	`745`	`}`