https://github.com/benhid/initials
Beautiful drop caps to your website
https://github.com/benhid/initials
css font fonts snippets
Last synced: about 2 months ago
JSON representation
Beautiful drop caps to your website
- Host: GitHub
- URL: https://github.com/benhid/initials
- Owner: benhid
- License: mit
- Created: 2020-01-15T12:30:59.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-01-15T12:53:55.000Z (over 6 years ago)
- Last Synced: 2025-09-09T14:48:00.949Z (9 months ago)
- Topics: css, font, fonts, snippets
- Language: CSS
- Size: 800 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## [initials]()
> This project is based on the -beautifully crafted- **gwern** website. Check out his [blog](https://www.gwern.net/About#implementation-details) to read more about this implementation.
*Beautiful drop caps to your website*.
Available fonts:
* [goudy initialen](https://tug.org/FontCatalogue/goudyinitialen/)
* [deutsche zierschrift](https://www.dafont.com/deutsche-zierschrif.font)
* [cheshire initials](https://www.dafont.com/cheshire-initials.font)
* [kanzlei initialen](https://www.dafont.com/kanzlei.font)
Preview
goudy initialen
deutsche zierschrift
cheshire initials
kanzlei initialen
#### How to
Include the following lines to the `` element:
```
p.initials::first-letter {
font-family: goudy initialen;
text-transform: uppercase;
float: left;
font-size: 7em;
line-height: 1;
margin: 0 0.02em -0.25em 0;
}
```
Full example [here](index.html).
#### License
This project is licensed under the terms of the GNU GPLv3 - see the [LICENSE](LICENSE) file for details.