PHPackages                             unitedasian/sinkin-sans - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. unitedasian/sinkin-sans

ActiveSymfony-bundle

unitedasian/sinkin-sans
=======================

1.1.1(9y ago)09Apache License 2.0HTML

Since Jan 11Pushed 9y ago1 watchersCompare

[ Source](https://github.com/unitedasian/sinkin-sans)[ Packagist](https://packagist.org/packages/unitedasian/sinkin-sans)[ RSS](/packages/unitedasian-sinkin-sans/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (3)Used By (0)

SinkinSans Font Bundle
======================

[](#sinkinsans-font-bundle)

The SinkinSansBundle loads the [SinkinSans](https://www.fontsquirrel.com/fonts/sinkin-sans) font families into your symfony project.

If your project uses the [AsseticBundle](http://symfony.com/doc/current/assetic/asset_management.html), the fonts are made available as [assetic named assets](http://symfony.com/doc/current/assetic/asset_management.html#using-named-assets).

Installation
------------

[](#installation)

Update the project's `composer.json` file as follows:

```
{
	"repositories": [
		{
			"type": "composer",
			"url": "http://satis.united-asian.com/fonts"
		}
	],
	require: {
		"fonts/sinkin-sans": "dev-master"
	}
}

```

Configuration
-------------

[](#configuration)

Define the bundle's `mode` via its configuration. The default value is `individual`.

```
sinkin_sans:
	mode: single|individual
```

Usage
-----

[](#usage)

### `single` mode

[](#single-mode)

In `single` mode, a single **Sinkin Sans** font is defined, available in 9 different weights.

Include the `sinkin-sans.css` stylesheet in your page template using one of the 3 methods below:

#### Direct include

[](#direct-include)

```

```

#### Use assetic's `javascripts` twig tag

[](#use-assetics-javascripts-twig-tag)

```
{% stylesheets filter="cssrewrite"
    "bundles/sinkinsans/css/sinkin-sans.css"
%}
{% endstylesheets %}
```

#### Use assetic's `javascripts` twig tag with the bundle's formula

[](#use-assetics-javascripts-twig-tag-with-the-bundles-formula)

```
{% stylesheets filter="cssrewrite"
    "@sinkin_sans"
%}
{% endstylesheets %}
```

In your stylesheet, apply the font to the elements of you choice via the `font-*` CSS rules, as per the example below:

```
body {
	font-family: "Sinkin Sans", sans-serif;
}

h1 {
	font-weight: 600;
}

.italic {
	font-style: italic;
}
```

### `individual` mode

[](#individual-mode)

In `individual` mode, seperate fonts are loaded for each weight. In most cases, your app will only use a subset of all the available font's weights. Rather than load them all, this mode allows you to load only what you require. This is the bundle's default mode.

Each font weight is define in a separate stylesheet and is represented by a different assetic named asset:

- Sinkin Sans Thin: sinkin-sans-100.css (`@sinkin_sans_100`)
- Sinkin Sans ExtraLight: sinkin-sans-200.css (`@sinkin_sans_200`)
- Sinkin Sans Light: sinkin-sans-300.css (`@sinkin_sans_300`)
- Sinkin Sans: sinkin-sans-400.css (`@sinkin_sans_400`)
- Sinkin Sans Medium: sinkin-sans-500.css (`@sinkin_sans_500`)
- Sinkin Sans SemiBold: sinkin-sans-600.css (`@sinkin_san_6100`)
- Sinkin Sans Bold: sinkin-sans-700.css (`@sinkin_sans_700`)
- Sinkin Sans Black: sinkin-sans-800.css (`@sinkin_sans_800`)
- Sinkin Sans ExtraBlack: sinkin-sans-900.css (`@sinkin_sans_900`)

Note that in this mode each weight is a separate font with a different name.

Each font weight includes both normal and italic styles.

Include the relevant stylesheets into your template as per the example below. In this case we are loading the `Sinkin Sans`, `Sinkin Sans ExtraLight` and `Sinkin Sans Bold` fonts (of respective weights 400, 200 and 700).

#### Direct include

[](#direct-include-1)

```

```

#### Use assetic's `javascripts` twig tag

[](#use-assetics-javascripts-twig-tag-1)

```
{% stylesheets filter="cssrewrite"
    "bundles/sinkinsans/css/sinkin-sans-400.css"
    "bundles/sinkinsans/css/sinkin-sans-200.css"
    "bundles/sinkinsans/css/sinkin-sans-700.css"
%}
{% endstylesheets %}
```

#### Use assetic's `javascripts` twig tag with the bundle's formula

[](#use-assetics-javascripts-twig-tag-with-the-bundles-formula-1)

```
{% stylesheets filter="cssrewrite"
    "@sinkin_sans_400"
    "@sinkin_sans_200"
    "@sinkin_sans_700"
%}
{% endstylesheets %}
```

In your stylesheet, apply the font to the elements of you choice via the `font-*` CSS rules, as per the example below. Make sure to use the appropriate font name for each weight. There is no need to specify the `font-weight`, since it is already part of the font definition.

```
body {
	font-family: "Sinkin Sans", sans-serif;
}

h1 {
	font-family: "Sinkin Sans Bold", sans-serif;
}

.italic {
	font-family: "Sinkin Sans ExtraLight", sans-serif;
	font-style: italic;
}
```

###  Health Score

26

—

LowBetter than 43% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity4

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

3408d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/61710b3e2bdf8cc378cb14f7e9c3d4fa753738373565270820a7be21c89f6d69?d=identicon)[opichon](/maintainers/opichon)

---

Top Contributors

[![opichon](https://avatars.githubusercontent.com/u/203745?v=4)](https://github.com/opichon "opichon (8 commits)")

### Embed Badge

![Health badge](/badges/unitedasian-sinkin-sans/health.svg)

```
[![Health](https://phpackages.com/badges/unitedasian-sinkin-sans/health.svg)](https://phpackages.com/packages/unitedasian-sinkin-sans)
```

###  Alternatives

[api-platform/state

API Platform state interfaces

223.4M57](/packages/api-platform-state)[api-platform/validator

API Platform validator component

223.2M10](/packages/api-platform-validator)[symfony/ux-notify

Native notification integration for Symfony

1274.7k](/packages/symfony-ux-notify)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)