Custom Icons In Portal

[-Andrew-]

Hi all,

I'm working on adding a few custom icons to our service portal and i have attached the .woff & ttf files to the theme.

I'm referencing the attachments in the css include like this:

	src:url('/sys_attachment.do?sys_id=117bb55c1bbb4910089a422ad34bcb4d') format('embedded-opentype');
	src:url('/sys_attachment.do?sys_id=857bb95c1bbb4910089a422ad34bcb8e') format('woff'),
		url('/sys_attachment.do?sys_id=897b3d5c1bbb4910089a422ad34bcb14') format('truetype');
	font-weight: normal;
	font-style: normal;

For some reason, the icons are working absolutely fine in the widget editor:

But not in the actual page:

I have been reading online that we may need to convert the font to a font-face css and add that css to the include. I have tried this using base-64 encode but i still can't figure it out!

Any help on this would be greatly appreciated.

Thanks in advance!

[Sai25]

Hi,

Create the image in db_image table.

and the call the image in the server side like this data.image="icon-alert.png";

in the html data.image;

[-Andrew-]

thanks i know this, the point is that all the icons can be called in from css, this specific font contains 6000 icons.