Dinot in action on artus.com.hk

Under the hood

.content-1 { font-family: dinot-regular, Helvetica, Roboto, "Noto Sans TC", "Noto Sans SC", 微軟正黑體, "Microsoft JhengHei", Arial, sans-serif, simsun; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 21px; text-transform: uppercase; color: #B18A48; }
.content-2 { font-family: dinot-regular, Helvetica, Roboto, "Noto Sans TC", "Noto Sans SC", 微軟正黑體, "Microsoft JhengHei", Arial, sans-serif, simsun; font-size: 48px; font-style: normal; font-weight: 100; letter-spacing: -1px; line-height: 48px; text-transform: uppercase; color: #000000; }
.content-3 { font-family: dinot-regular, Helvetica, Roboto, "Noto Sans TC", "Noto Sans SC", 微軟正黑體, "Microsoft JhengHei", Arial, sans-serif, simsun; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 30px; text-transform: none; color: #000000; }
.content-4 { font-family: dinot-regular, Helvetica, Roboto, "Noto Sans TC", "Noto Sans SC", 微軟正黑體, "Microsoft JhengHei", Arial, sans-serif, simsun; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 26px; text-transform: none; color: #000000; }
.content-5 { font-family: dinot-regular, Helvetica, Roboto, "Noto Sans TC", "Noto Sans SC", 微軟正黑體, "Microsoft JhengHei", Arial, sans-serif, simsun; font-size: 32px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 38px; text-transform: none; color: #000000; }
.content-6 { font-family: dinot-regular, Helvetica, Roboto, "Noto Sans TC", "Noto Sans SC", 微軟正黑體, "Microsoft JhengHei", Arial, sans-serif, simsun; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 24px; text-transform: uppercase; color: #1C1C22; background-color: #1C1C22; }