### Development Setup for Omniclip

Source: https://github.com/omni-media/omniclip/blob/main/README.md

Instructions for developers to set up the Omniclip project locally. This includes cloning the repository, installing dependencies, building the project, and starting the development server.

```sh
git clone git@github.com:omni-media/omniclip.git
npm install
npm run build
npm start
```

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

### Install and Use Omniclip Components

Source: https://github.com/omni-media/omniclip/blob/main/README.md

This snippet demonstrates how to install the omniclip package using npm, import necessary components, register them, and then use them within an HTML structure for a complete web editing experience.

```sh
npm install omniclip
```

```js
import {getComponents, registerElements} from 'omniclip'
registerElements(getComponents())
```

```html
<omni-text></omni-text>
<omni-media></omni-media>
<omni-timeline></omni-timeline>
```

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

### Import OmniClip CSS

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Nippo/Fonts/WEB/README.md

Import the nippo.css file into your main stylesheet to enable the webfonts. This is a standard CSS import method.

```CSS
@import url('nippo.css');

```

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

### Import Poppins CSS

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Poppins/Fonts/WEB/README.md

This snippet shows how to import the Poppins CSS file into your main stylesheet to enable the webfonts.

```CSS
@import url('poppins.css');
```

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

### OmniClip Font Family Usage

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Nippo/Fonts/WEB/README.md

Demonstrates how to apply different OmniClip font styles using the font-family CSS property. Includes extralight, light, regular, medium, bold, and variable styles.

```CSS
font-family: Nippo-Extralight;
font-family: Nippo-Light;
font-family: Nippo-Regular;
font-family: Nippo-Medium;
font-family: Nippo-Bold;
font-family: Nippo-Variable;

```

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

### Poppins Font Family Rules

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Poppins/Fonts/WEB/README.md

A list of CSS font-family rules for applying different weights and styles of the Poppins font.

```CSS
font-family: Poppins-Thin;
font-family: Poppins-ThinItalic;
font-family: Poppins-ExtraLight;
font-family: Poppins-ExtraLightItalic;
font-family: Poppins-Light;
font-family: Poppins-LightItalic;
font-family: Poppins-Regular;
font-family: Poppins-Italic;
font-family: Poppins-Medium;
font-family: Poppins-MediumItalic;
font-family: Poppins-SemiBold;
font-family: Poppins-SemiBoldItalic;
font-family: Poppins-Bold;
font-family: Poppins-BoldItalic;
font-family: Poppins-ExtraBold;
font-family: Poppins-ExtraBoldItalic;
font-family: Poppins-Black;
font-family: Poppins-BlackItalic;
font-family: Poppins-Variable;
font-family: Poppins-VariableItalic;
```

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

### OmniClip Variable Font Control

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Nippo/Fonts/WEB/README.md

Shows how to control the axes of variable OmniClip fonts using the font-variation-settings property. Specifically demonstrates setting the 'wght' axis.

```CSS
font-variation-settings: 'wght' 700.0;

```

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

### Poppins Variable Font Control

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Poppins/Fonts/WEB/README.md

Demonstrates the use of the font-variation-settings CSS rule to control the weight axis of variable Poppins fonts.

```CSS
font-variation-settings: 'wght' 100.0;
```

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

### Fontshare API Usage Example

Source: https://github.com/omni-media/omniclip/blob/main/assets/fonts/Nippo/License/FFL.txt

The Fontshare API allows direct integration of fonts onto websites without manual download. This method involves fetching font software directly from Indian Type Foundry's servers, enabling seamless use on the Licensee's platform.

```API
In addition to direct download, Fontshare also offers these free fonts via Fonthsare API using a code. In this case, the Font Software is delivered directly from the servers used by Indian Type Foundry to the Licensee's website, without the Licensee having to download the Font Software.
```

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