Recia Serif Display

ABCDEFGHIJKLMNOPQRSTUWXYZ

abcdefghijklnmopqrstuwxyz

1234567890!@#$%^&*[]{}\:;'"?/

Download Webfont Download

Using web fonts

font-family: 'ReciaSerifDisplay';

<link href="https://webfontworld.github.io/recia/ReciaSerifDisplay.css" rel="stylesheet">

@import url('https://webfontworld.github.io/recia/ReciaSerifDisplay.css');

@font-face {
    font-family: 'ReciaSerifDisplay';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/recia/ReciaSerifDisplay.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/recia/ReciaSerifDisplay.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/recia/ReciaSerifDisplay.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/recia/ReciaSerifDisplay.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/recia/ReciaSerifDisplay.ttf') format("truetype");
    font-display: swap;
}

How to Use
1. Select one of link method, import method, and font-face method to copy.
2. Set font-family to the font property you want to apply.
---------
- You can put the link method inside the head tag.
- The import method is placed at the top of the css file.
- You can also put the font-face method at the top of the css file.
- If you set font-family: 'Web font file name'; in the desired property, it will be applied.

Web Font / Weight

There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.
There are several WEIGHTs of this font. There are several WEIGHTs of this font. The thickness of this font is different.

Web Font / Images normal bold 100 200 300 400 500 600 700 800 900

Recia Serif Display Display

Web Font / Size normal bold 100 200 300 400 500 600 700 800 900

a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9
a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

Web Font / Color normal bold 100 200 300 400 500 600 700 800 900

Recia Serif Display Font

Web Font / Layout normal bold 100 200 300 400 500 600 700 800 900

All citizens have dignity and value as human beings and have the right to pursue happiness. The state has the duty to confirm and guarantee the inviolable basic human rights of individuals. Korea's sovereignty The people belong to the people, and all power comes from the people. All citizens have dignity and value as human beings and have the right to pursue happiness. The state has the duty to confirm and guarantee the inviolable basic human rights of individuals. Korea's sovereignty The people belong to the people, and all power comes from the people. All citizens have dignity and value as human beings and have the right to pursue happiness. The state has the duty to confirm and guarantee the inviolable basic human rights of individuals. Korea's sovereignty The people belong to the people, and all power comes from the people.

WebFont / Letter Spacing normal bold 100 200 300 400 500 600 700 800 900

Letter Spacing

Size

Recia Serif Display

font

Web Font / Animation

WebFont

WEB

WebFont
WebFont
WebFont
WebFont
WebFont
WebFont
WebFont

Web Font / Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ani2 div {
            position: relative;
            display: inline-block;
            color: white;
        }
    </style>
</head>
<body>
    <div class="dSearch">
        <input type="search" placeholder="search" />
    </div>

    <script>
        $(".webFont__image__view button").click(function(){
            var target = $(this).attr("class");
            $(".webFont__image__font > div").removeClass();
            $(".webFont__image__font > div").addClass(target)
        });
    </script>
</body>
</html>

Check the license usage scope

Category	Scope of use	Permit
Print	Printed brochures, catalogs, DMs, flyers, posters, packages, calendars, etc	O
	Publications such as books, comic books, magazines, periodicals, and newspapers	O
	Signs, banners, panels, etc.	O
	Advertisements such as newspaper advertisements, magazine advertisements	O
	Create PDF files for printing and document sharing	O
WebSite	Web page, advertisement banner, mail, E-brochure, etc	O
WebSite	Font for web server	O
Video	Broadcast and video subtitles	O
	TV-CF, online video advertisement	O
	Movie (DVD / video), opening and ending credits subtitles	O
	Personal UCC and promotional materials	O
	E-Learning content, online video lectures, flash lectures좌	O
Wrapping paper	Package of goods for sale	O
Embedding	Font loading in website and program server, E-book production	O
BI/CI	Company name, brand name, product name, logo, mark, slogan, catchphrase	O
OFL	Modification, editing and redistribution of font files	O
OFL	Paid sales of font files	No
Purpose	Personal use	O
Purpose	Commercial use	O
Source	Source Display	Recommend

After drawing Recia Display, I wanted to explore the process of building a serif typeface. Here, there wasn’t specific inspiration. I simply decided to take advantage of the same proportions that Recia Display has, but play with a higher stem contrast (mainly with uppercases), rough serifs, and specific angles without losing the form’s density. I think this font would be suitable for packaging and headlines (In fact, sometimes the shapes of this font remind me of old printed newspapers headlines).  
All rights, including intellectual property rights, of all fonts provided are reserved by the manufacturer, so please check the manufacturer's website before using.
The part that applies to your inquiry is not listed in the license, so please inquire with the manufacturer before using it.
Please note that images and fonts are sourced from the manufacturer's site.

Web Font Compatibility


TTF	○	○	○	○	○	○	○
OTF	○	○	○	○	○	○	○
WOFF	○	○	○	○	○	○	○
WOFF2	No Support	○	○	○	○	○	○
SVG	No Support	No Support	No Support	○	No Support	No Support	No Support
EOT	○	○	No Support	No Support	No Support	No Support	No Support

TTF : Font type used on Windows and Mac.
OTF : Font type for printing. This font is used on Mac.
WOFF : Font type to be applied to all browsers (recommended)
WOFF2 : The latest font type for all browsers (recommended)
SVG : Font type for implementation on mobile.
EOT : This is a dedicated font type used in Explorer.
If you want the latest browser support and low-capacity web fonts, we recommend WOFF and WOFF2 types.

저작자표시

Recia Serif Display