BPG Nino Mtavruli Book ვებ-ფონტის დამატება თქვენს პროექტში Bower-ის საშუალებით ძალიან მარტივია. ამისათვის საჭიროა შემდეგი საფეხურების გავლა:
1. პროექტის დირექტორიიდან ტერმინალში გამოიძახეთ შემდეგი ბრძანება:
bower install bpg-nino-mtavruli-book --save
2. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:
<link rel="stylesheet" href="/bower_components/bpg-nino-mtavruli-book/css/bpg-nino-mtavruli-book.min.css">3. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:
font-family: "BPG Nino Mtavruli Book", sans-serif;BPG Nino Mtavruli Book ვებ-ფონტის დამატება თქვენს პროექტში NPM-ის საშუალებით ძალიან მარტივია. ამისათვის საჭიროა შემდეგი საფეხურების გავლა:
1. პროექტის დირექტორიიდან ტერმინალში გამოიძახეთ შემდეგი ბრძანება:
npm install bpg-nino-mtavruli-book --save
2. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:
<link rel="stylesheet" href="/node_modules/bpg-nino-mtavruli-book/css/bpg-nino-mtavruli-book.min.css">3. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:
font-family: "BPG Nino Mtavruli Book", sans-serif;BPG Nino Mtavruli Book ვებ-ფონტის დამატება თქვენს პროექტში რეკომენდირებულია Bower-ის ან NPM-ის საშუალებით, თუმცა მისი ხელით დამატებაც არ წარმოადგენს პრობლემას.
გადმოწერეთ BPG Nino Mtavruli Book ვებ-ფონტის არქივი
1. არქივიდან ფაილების ამოღების შემდეგ დააკოპირეთ /css/ და /fonts/ ფოლდერები და ჩასვით თქვენს პროექტში.
2. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:
<link rel="stylesheet" href="/path/to/bpg-nino-mtavruli-book.min.css">
ყურადღება! არ დაგავიწყდეთ /path/to/ დირექტორიის შეცვლა!
3. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:
font-family: "BPG Nino Mtavruli Book", sans-serif;გთხოვთ, CDN-ით ისარგებლოთ მხოლოდ ტესტირების დროს.
თქვენს პროექტში ფონტის დასამატებლად გამოიყენეთ Bower-ით ან NPM-ით დაყენების მეთოდი.
1. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:
<link rel="stylesheet" href="//cdn.web-fonts.ge/fonts/bpg-nino-mtavruli-book/css/bpg-nino-mtavruli-book.min.css">ან CSS ფაილის დასაწყისში ჩაამატეთ შემდეგი კოდი:
@import url("//cdn.web-fonts.ge/fonts/bpg-nino-mtavruli-book/css/bpg-nino-mtavruli-book.min.css");2. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:
font-family: "BPG Nino Mtavruli Book", sans-serif;ქვემოთ მოყვანილ ცხრილებში ასახულია თითოეული სიმბოლოს გამოსახულება.
| ა | ბ | გ | დ | ე | ვ | ზ | თ | ი | კ | ლ |
| ა | ბ | გ | დ | ე | ვ | ზ | თ | ი | კ | ლ |
| მ | ნ | ო | პ | ჟ | რ | ს | ტ | უ | ფ | ქ |
| მ | ნ | ო | პ | ჟ | რ | ს | ტ | უ | ფ | ქ |
| ღ | ყ | შ | ჩ | ც | ძ | წ | ჭ | ხ | ჯ | ჰ |
| ღ | ყ | შ | ჩ | ც | ძ | წ | ჭ | ხ | ჯ | ჰ |
| a | b | c | d | e | f | g | h | i | j | k | l | m |
| 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 |
| n | o | p | q | r | s | t | u | v | w | x | y | z |
| A | B | C | D | E | F | G | H | I | J | K | L | M |
| 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 |
| N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| ! | " | # | $ | % | & | ' | ( | ) | * | + | , | - | . | / |
| ! | " | # | $ | % | & | ' | ( | ) | * | + | , | - | . | / |
| : | ; | < | = | > | ? | @ | [ | \ | ] | ^ | _ | ` | £ | © |
| : | ; | < | = | > | ? | @ | [ | \ | ] | ^ | _ | ` | £ | © |
BPG Nino Mtavruli Book ვებ-ფონტ პაკეტი შეიცავს ფაილებს შემდეგი გაფართოებებით: .ttf, .eot, .woff, .woff2 და .svg, რაც იძლევა, იმის საშუალებას, რომ მხარდაჭერა ჰქონდეს ისეთ ბრაუზერებშიც კი, როგორიცაა Internet Explorer 6.
| Chrome | Safari | Firefox | Opera | IE |
|---|---|---|---|---|
| 3.5+ | 3+ | 3.5+ | 10.1+ | 6+ |
| IE Mobile | Android Browser | Opera Mobile | Chrome For Android | Firefox For Android | iOS Safari |
|---|---|---|---|---|---|
| 10+ | 2.2+ | 12+ | 44+ | 40+ | 4.3+ |
სტატისტიკა ბრაუზერების შესახებ აღებულია caniuse.com-დან.