https://github.com/mailmug/saudi-riyal-font
Saudi Arabian Riyal (SAR) currency symbol. It includes OTF and SVG formats
https://github.com/mailmug/saudi-riyal-font
font sar symbol
Last synced: 5 months ago
JSON representation
Saudi Arabian Riyal (SAR) currency symbol. It includes OTF and SVG formats
- Host: GitHub
- URL: https://github.com/mailmug/saudi-riyal-font
- Owner: mailmug
- License: mit
- Created: 2025-02-26T14:51:48.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-02-26T15:57:00.000Z (9 months ago)
- Last Synced: 2025-02-26T16:25:33.231Z (9 months ago)
- Topics: font, sar, symbol
- Language: HTML
- Homepage:
- Size: 25.4 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Saudi Arabian Riyal (SAR) Currency Symbol Font
Saudi Arabian Riyal (SAR) currency symbol. It includes OTF and SVG formats
## Font Name
Font Name is **Arshid**
## Usage
To use the font, install the OTF file on your system.
## Demo
**Demo:** https://demo.phpbolt.com/demo.html
## How to use in HTML?
### 1. Using @font-face (Recommended)
This method allows you to load the font from your server.
#### Step 1: Upload the Font Files
Make sure your Arshid.otf (or .woff, .woff2) is in your website directory, preferably in a folder like:
```bash
/fonts/Arshid.otf
```
#### Step 2: Add CSS
Include this in your CSS file or tag:
```css
@font-face {
font-family: 'Arshid';
src: url('fonts/Arshid.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
.sar{
font-family: 'Arshid', sans-serif;
}
```
```html
<p><span style="font-family: 'Arshid';">$</span>100</p>
```
### 2. Using Google Drive / CDN (Alternative)
If you upload the font to GitHub or a CDN, you can reference it directly in CSS:
```css
@font-face {
font-family: 'Arshid';
src: url('https://your-web-link/Arshid.otf') format('opentype');
}
```