Skip to content

Commit

Permalink
Added fonts for the download
Browse files Browse the repository at this point in the history
  • Loading branch information
tmcconechy committed May 3, 2024
1 parent 2db9bc5 commit 6f57a48
Show file tree
Hide file tree
Showing 135 changed files with 2,906 additions and 7 deletions.
7 changes: 7 additions & 0 deletions docs/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,12 @@
# What's New with Infor Design System

## v4.17.0

### v4.17.0 Fixes

- `[Fonts]` Added all source sans and language fonts so they can be served locally. ([#8671](https://github.com/infor-design/enterprise/issues/8671))
- `[Fonts]` Added recommendations to serve files locally. ([#8635](https://github.com/infor-design/enterprise/issues/8635))

## v4.16.2

### v4.16.2 Fixes
Expand Down
Binary file removed fonts/Assistant-VariableFont_wght.ttf
Binary file not shown.
Binary file removed fonts/Mada-VariableFont_wght.ttf
Binary file not shown.
Binary file removed fonts/NotoSans-VariableFont_wdth,wght.ttf
Binary file not shown.
Binary file removed fonts/NotoSansJP-VariableFont_wght.ttf
Binary file not shown.
Binary file removed fonts/NotoSansKR-VariableFont_wght.ttf
Binary file not shown.
Binary file removed fonts/NotoSansSC-VariableFont_wght.ttf
Binary file not shown.
Binary file removed fonts/NotoSansTC-VariableFont_wght.ttf
Binary file not shown.
Binary file removed fonts/NotoSansThai-VariableFont_wdth,wght.ttf
Binary file not shown.
31 changes: 24 additions & 7 deletions fonts/README.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,42 @@
# Using Source Sans Pro for Infor Design System

To read more about how to use Source Sans in IDS, see our [Typography guidelines](https://design.infor.com/guidelines/identity/typography).

Mac users should install the OTF version by going into `/font/OTF/` and installing all variants into Font Book.
To read more about how to use Source Sans in IDS, see our [typography page](https://github.com/infor-design/enterprise/blob/main/src/components/typography/readme.md).

## Source Sans Pro

[Source Sans Pro](http://adobe-fonts.github.io/source-sans-pro/)
is a set of OpenType fonts that have been designed to work well in user interface (UI) environments.
[Source Sans Pro](http://adobe-fonts.github.io/source-sans-pro/) is a set of OpenType fonts that have been designed to work well in user interface (UI) environments.

## Including Source Sans Pro in your Web App

The easiest way to include the font in your app is just insert the google font api link in the head of your page.
It is no longer recommended to use `fonts.googleapis` to use the fonts because it can cause some issues:

a) because Google fonts violates [GDPR](https://www.cookieyes.com/documentation/google-fonts-and-gdpr/)
b) if application needs to run without an internet connection
c) because some countries google links may be banned

For this reason we recommend you serve the files with your application. All the needed fonts can be found in this folder

1. Serve all the `woff2` files in a folder on the server thats available to the app. These fonts can use caching if possible. Note that there are a lot of files because Source Sans is not available in some languages so alternatives are used as noted on [this page](https://github.com/infor-design/enterprise/blob/main/src/components/typography/_typography-new.scss#L6)
1. The OFL.txt is the license
1. The README.md is this file
2. Then include font-face.css in the page before the `theme-light-new.css` (or whatever soho css file)

```html
<link rel="stylesheet" id="font-face" href="/css/font-face.css" type="text/css" />
<link rel="stylesheet" id="sohoxi-stylesheet" href="{{basepath}}css/theme-new-light.css" type="text/css"/>
```

If you just want to include the main font and no languages and dont care about the above. For example for testing ect you can use the CDN.

```html
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&amp;display=swap" rel="stylesheet">
```

## Font installation instructions

- [Mac OS X](http://support.apple.com/kb/HT2509)
Installing the font may be needed for some design tools to accurately reflect the font.

- [Mac OS X](http://support.apple.com/kb/HT2509) Mac users can install the OTF version by going into `/font/OTF/` and installing all variants into Font Book.
- [Windows](http://windows.microsoft.com/en-us/windows-vista/install-or-uninstall-fonts)
- [Linux/Unix-based systems](https://github.com/adobe-fonts/source-code-pro/issues/17#issuecomment-8967116)

Expand Down
Binary file removed fonts/Sarabun-Regular.ttf
Binary file not shown.
Binary file removed fonts/SourceSans3-VariableFont_wght.ttf
Binary file not shown.
Binary file added fonts/assistant-latin-ext-v19.woff2
Binary file not shown.
Binary file added fonts/assistant-latin-v19.woff2
Binary file not shown.
Binary file added fonts/assistant-v19.woff2
Binary file not shown.

0 comments on commit 6f57a48

Please sign in to comment.