### Installing Saudi Riyal Symbol Font via npm (Shell)

Source: https://github.com/abdulrysrr/new-saudi-riyal-symbol/blob/main/README.md

Installs the Saudi Riyal symbol font package using the npm package manager. This makes the font files and associated stylesheets available in the project's `node_modules` directory.

```sh
npm install @abdulrysr/saudi-riyal-new-symbol-font
```

--------------------------------

### Installing Saudi Riyal Symbol Font via Yarn (Shell)

Source: https://github.com/abdulrysrr/new-saudi-riyal-symbol/blob/main/README.md

Installs the Saudi Riyal symbol font package using the Yarn package manager. This provides an alternative method to npm for adding the font assets to the project dependencies.

```sh
yarn add @abdulrysr/saudi-riyal-new-symbol-font
```

--------------------------------

### Displaying Saudi Riyal Symbol with Provided Class (HTML)

Source: https://github.com/abdulrysrr/new-saudi-riyal-symbol/blob/main/README.md

Uses an HTML `<span>` element with the class `icon-saudi_riyal` (provided by the imported stylesheet) and the Unicode entity `&#xea;` to display the new Saudi Riyal symbol.

```html
<span class="icon-saudi_riyal">&#xea;</span>
```

--------------------------------

### Importing Saudi Riyal Symbol Stylesheet (CSS)

Source: https://github.com/abdulrysrr/new-saudi-riyal-symbol/blob/main/README.md

Imports the provided CSS stylesheet for the Saudi Riyal symbol font into your main CSS file. This stylesheet defines the `@font-face` rule and a class (`.icon-saudi_riyal`) for easy usage.

```css
@import '/node_modules/@abdulrysr/saudi-riyal-new-symbol-font/style.css';
```

--------------------------------

### Defining Custom Font-Face for Saudi Riyal Symbol (CSS)

Source: https://github.com/abdulrysrr/new-saudi-riyal-symbol/blob/main/README.md

Defines a custom `@font-face` rule in CSS to load the Saudi Riyal symbol font files directly. It also includes a `.symbol` class to apply this font and basic styling to an element.

```css
@font-face {
    font-family: 'SaudiRiyalSymbol';
    src: url('saudiriyal.woff2') format('woff2'),
         url('saudiriyal.woff') format('woff'),
         url('saudiriyal.otf') format('opentype');
}
.symbol {
    font-family: 'SaudiRiyalSymbol', sans-serif;
    font-size: inherit;
    margin: 20px auto;
    color: inherit;
    font-weight: bold;
}
```

--------------------------------

### Displaying Saudi Riyal Symbol with Custom Class (HTML)

Source: https://github.com/abdulrysrr/new-saudi-riyal-symbol/blob/main/README.md

Uses an HTML `<span>` element with a custom class (`.symbol`) and the Unicode entity `&#xea;` to display the new Saudi Riyal symbol, relying on a manually defined `@font-face` rule and class in CSS.

```html
<span class="symbol">&#xea;</span>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.