How to add .ttf files and .woff files during plug-in development?

[lamella]

I tried to use vue in the VM file and introduced element UI, the fonts and icons that come with element UI in offline mode are .ttf and .woff files, how should I add these two files to the plugin and make them available Is it being accessed normally?

[Nic Brough -Adaptavist- · Accepted solution]

Generally, resource files like that would be located in the "resources" directory, probably in a subdirectory for fonts.

But the engine you are putting into your app to use them could probably read them from anywhere you want.

[lamella]

Hi Nic,

I just put these two file in resources like this image

And I put these in <web-resources> in atlassian-plugin.xml like this

But it doesn't work, when i try to get these two files, I get 404 from chrome

With out these two files, vue and element UI works fine.

Please skip my naming questions, I know it's out of spec, I'll fix them later in development : )

[lamella]

Hi Nic,

I read this 404 error link, may I put these two files in the wrong location, and I put these in the correct location and modified <web-resources> in atlassian-plugin.xml like these images

But it didn't work, I still got 404 error from chrome