add: custom icon font

This commit is contained in:
Mar0xy 2023-12-05 20:58:53 +01:00
parent 4ddf847a26
commit 62d1cb490b
No known key found for this signature in database
GPG key ID: 56569BBE47D2C828
7 changed files with 30 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 936 B

View file

@ -0,0 +1,27 @@
@charset "UTF-8";
@font-face {
font-family: "custom-sharkey-icons";
src: url("./custom-sharkey-icons.woff") format("woff"),
url("./custom-sharkey-icons.ttf") format("truetype"),
url("./custom-sharkey-icons.svg#custom-sharkey-icons") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.sk-icons {
font-family: "custom-sharkey-icons" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sk-icons.sk-shark:before {
content: "\61";
}

View file

@ -41,6 +41,7 @@ html
link(rel='prefetch' href=notFoundImageUrl) link(rel='prefetch' href=notFoundImageUrl)
//- https://github.com/misskey-dev/misskey/issues/9842 //- https://github.com/misskey-dev/misskey/issues/9842
link(rel='stylesheet' href='/assets/phosphor-icons/bold/style.css') link(rel='stylesheet' href='/assets/phosphor-icons/bold/style.css')
link(rel='stylesheet' href='/static-assets/fonts/sharkey-icons/style.css')
link(rel='modulepreload' href=`/vite/${clientEntry.file}`) link(rel='modulepreload' href=`/vite/${clientEntry.file}`)
script(src='/client-assets/libopenmpt.js') script(src='/client-assets/libopenmpt.js')

View file

@ -103,7 +103,7 @@ function showMenu(ev) {
}, },
}, { }, {
text: i18n.ts.aboutMisskey, text: i18n.ts.aboutMisskey,
icon: 'ph-info ph-bold ph-lg', icon: 'sk-icons sk-shark ph-bold',
action: () => { action: () => {
os.pageWindow('/about-sharkey'); os.pageWindow('/about-sharkey');
}, },

View file

@ -112,6 +112,7 @@ export function openInstanceMenu(ev: MouseEvent) {
} : undefined, { } : undefined, {
type: 'link', type: 'link',
text: i18n.ts.aboutMisskey, text: i18n.ts.aboutMisskey,
icon: 'sk-icons sk-shark ph-bold',
to: '/about-sharkey', to: '/about-sharkey',
}], ev.currentTarget ?? ev.target, { }], ev.currentTarget ?? ev.target, {
align: 'left', align: 'left',