# @sarap422/fonts

Web fonts collection with size-adjust support for optimal typography balance.

## 📦 Installation

```html
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:wght,FILL@100..700,0..1" rel="stylesheet">
<link href="https://unpkg.com/@sarap422/font-material-symbol@1.0.0/font-material-symbols/material-symbols.min.css" rel="stylesheet">
```

## 📁 Directory Structure

```
font/
├── variablefont/                 # Font 
├── material-symbols.min.css      # CSS 
├── LICENSE                       # Original Font's LICENSE
├── README.original.md            # Original Font's README
└── README.md                     # README
```

## 📁 CSS

```css
/* Icon（Material Symbols） */
[class*="ma-"]:is(.mao, .mar, .mas) {
	position: relative;
	display: inline-flex;
	place-content: center;
	place-items: center;
	width: 1em;
	height: 1em;
}

[class*="ma-"]:is(.mao, .mar, .mas)::before {
	position: relative;
	top: 0px;
	display: inline-flex;
	place-content: center;
	place-items: center;
	width: 0;
	height: 0;
	font-size: 133.3%;
	/* Material Symbols */
	font-family: 'Material Symbols Sharp';
	font-variation-settings:
		'FILL' 0,
		'wght' 300;
}

[class*="ma-"]:is(.mao, .mar, .mas).is-filled::before {
	font-variation-settings:
		'FILL' 1,
		'wght' 300;
}

[class*="ma-"]:is(.mao, .mar, .mas).ma-chevron_left::before {
	content: "\e5cb";
}
```

## 📝 Changelog

### [1.0.0] - 2025-10-08
#### Added
- Added

## 📄 Licenses

Each font has its own license file in its directory:
- Most fonts: SIL Open Font License 1.1 (OFL.txt)
- Some fonts: CC0 1.0 Universal (LICENSE or CC0.txt)
- Icon fonts: Various (see individual LICENSE files)

Please check each font's directory for specific license information.

## ⚙️ What is size-adjust?

The `size-adjust` CSS property allows you to normalize the visual size of different fonts. This is particularly useful when mixing Japanese and English fonts, as they often have different x-heights and appear mismatched at the same font-size.

```css
@font-face {
  font-family: "Example Font";
  size-adjust: 106%; /* Makes the font 6% larger */
}
```

## 🤝 Contributing

Feel free to suggest new fonts or size-adjust values via issues.

## 👤 Author

sarap422

---

*This package is a collection of fonts from various authors. All original licenses are preserved and included in each font's directory.*