Newcomposers.ru

IT Мир
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Иконка word ico

Speed up Dev & Management on IT Projects

Plan > Do > Check > Act

How to add icons in a word or power point doc using font awesome or material design icons

The most famous font icons used in the web are font awesome and material design. You can find many other icon fonts on the Internet.

In this post I don’t want to talk about wich one is the best but how to use them in word o power point, for simplicity I’ll show only Microsoft Word interface but it’s pretty the same.

Download font Icons

Go to the font icon pack you have decided to use and download it.
These are the links for font awesome and material design.

Install it to you PC/Mac

Usually what you probably have downloaded is a zip file. Unzip it and look up for .otf or .ttf files.

Install the .otf file if you found it or .ttf
In Windows double click the file and click to install button:

Use it in Microsoft Word

  1. Open Word
  2. Click To “Insert” Tab
  3. On right corner look up for “Symbol”
  4. Click “Other Symbols”
  5. Select the right font and the Symbol you want to add in dialog that will appear

Search for a symbol

Before I have shown how to insert a symbol using some font icons but the problem now is how to look for a specific symbol without blowing up your mind.
With font awesome it’s very easy:

  1. Go to the site
  2. Click to Icon
  3. Insert what you are lookin for
  4. Select the icon you like
  5. You will see the detail page where I have got to select the UNICODE string
  6. Go back to the word symbol dialog and insert that code to search box

Easy way to get unicode with other sites like material design

  1. Look up the .css file
  2. Open it with notepad
  3. look for what you want. For ex. “star” and select the appropriate one
  4. Grab the code

If you have some other interesting tip & tricks share it

PS:
I found many great icons in flaticon site.
Select the icons you want adding theme in your collection.
Then selection your collection and download it as “iconfont”

Иконка word ico

Word Icon Library is a collection of wonderfully-crafted stock icons for use in commercial and personal products, including text editors, graphic editors, information managers. Icons have a bright color palette, smooth and well-rounded edges.

These icons are delivered in sizes 16×16, 24×24, 32×32, 48×48, 128×128 and 256×256. The icons come in two color variants: 256 colors and True Color with semi-transparency. They also have several file formats, such as ICO, PNG, GIF and BMP.

Word Icon Library

Purchase this icon library now!

You can also buy individual icons to suit your needs. Each icon is $1 when purchased individually. Please contact us with the icon names you wish to purchase and we will process your order immediately. (Note: Minimum purchase is 3 icons.)

You can order a collection of icons with only some of the available sizes, e.g. 24×24 and 32×32. In this case you will get a discount off the usual price.

All of the icons above are available in the following image formats:

Word Icons — Example

128×128 images are available also.

APNG Allows the Users to Store the Animated Images!

APNG is the short form of Animated Portable Network Graphics. This sort of technical process is allowing the users to animated PNG files that can offer similar efforts of GIF files. Also, the APNG has supported by 8-bit transparency and 24-bit pictures. It is also maintain backward compatibility with PNG files which are non-animated. The first and foremost thing is that APNG file has stored as a standardize PNG stream.

Читать еще:  Перевести excel в word онлайн

Always, the APNG is competing with MNG (Multiple-image Network Graphics), and it is a complete format for bitmapped animations that has been created through same process of PNG. The specification of APNG has been evolved in the year of 2004 by Stuart Parmenter and Mozilla Corporation. The APNG is having assortment frame for storing various animated images and video easily. Now, the APNG is the best option for you to create and store the animated images and videos in the frame of PNG. APNG specification introduces 3 new chunks: animation control chunk, frame control chunk and frame data chunk. Animation control chunk is one type of the «marker» chunk, and telling parser this is the animated png. It has the information regarding how many of the frames animation comprises of and animation must play prior to coming to the rest. Frame control chunk has many bits of the information, most important is a display time of following frame.

Frame data chunks got similar structure as IDAT chunks, and except preceded by the sequence number. The sequence numbers generally apply to frame control or frame data chunks that together follow the common sequence, and enabling order as well as timing of the frames to get recovered PNG editor reorder them allowed by the PNG chunk ordering rules.

Copyright © 2006-2019 Aha-Soft. All rights reserved.

Individual Ready Icons

You can buy individual icons to suit your needs. Each icon is $1 when purchased individually.

Transport Icon Set. A collection of colorful and distinctive icons depicting all transport types for the transport and tourist industries.

Standard Application Icons is a collection of royalty-free stock icons that will make your application unique on the market. All the images have bright colors, contemporary glossy texture and smooth edges.

The Small Online Icons is an excellent set of icons that will help you change the way your site looks. Crystal-crisp and utterly attractive, these icons will always keep your project modern and stylish.

Creating a software application is a difficult task. It requires a lot of thought, skill, and, certainly, a bright pack of icons to be used for toolbars, menus e t c. And here is the part we can assist you with. Download our 48×48 Free Time Icons set and see it improve your project instantly.

Windows Toolbar Icons will give a new twist to your interface replacing the regular icons with fine-looking stock icons in Vista style. The icons have bright colors and well-finished edges.

Как добавить в WordPress красивые иконки (иконический шрифт)

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2017/02/icons-300×185.jpg» data-large-file=»https://wilhard.ru/wp-content/uploads/2017/02/icons.jpg» class=»alignleft wp-image-3278 size-thumbnail» src=»https://wilhard.ru/wp-content/uploads/2017/02/icons-150×150.jpg» alt=»icons» width=»150″ height=»150″ srcset=»https://wilhard.ru/wp-content/uploads/2017/02/icons-150×150.jpg 150w, https://wilhard.ru/wp-content/uploads/2017/02/icons-300×300.jpg 300w, https://wilhard.ru/wp-content/uploads/2017/02/icons-100×100.jpg 100w, https://wilhard.ru/wp-content/uploads/2017/02/icons-60×60.jpg 60w» sizes=»(max-width: 150px) 100vw, 150px» />Чтобы добавлять в текст красивые иконки (такие например: , , , , ), необходимо установить в WordPress какой-нибудь так называемый иконический шрифт. Такие иконки и называются иконическим шрифтом.

Чтобы начать добавлять иконки в ваши посты, надо сделать следующее: 1.Установите плагин Better Font Awesome, 2. Ищите нужные иконки на страничке Font Awesome, затем кликайте на нужную иконку и на страничке иконки копируйте ее HTML-код и вставляйте в HTML-код своего поста. Это все!

Если вы хотите узнать больше про иконические шрифты, про разные способы их добавления или хотите узнать, как поменять размер или цвет иконок, то читайте дальше.

Читать еще:  Задания по word для студентов

Самые популярные иконические шрифты

Самый популярный шрифт с иконками — это Font Awesome, его мы и будем устанавливать. Другие известные мне иконические шрифты, это: Genericons, IcoMoon, Linearicons.

И есть еще один иконический шрифт, который называется

Dashicons

и который интересен тем, что этот шрифт встроен в WordPress, и его иконки вы можете увидеть в меню админки WordPress. Посмотреть его можно по этой ссылке на официальном сайте WordPress: Dashicons. Да, он красивый, да, он встроен в Вордпресс, но не радуйтесь: использовать его в своих постах на момент написания этой статьи не так уж и просто, если только вы не вставите в файл functions.php вот этот вот код:

Работу этого кода я не проверял, нашел его здесь: Enable Dashicons in WordPress Frontend. Думаю, что все должно работать, так как подобный же код я видел и на других авторитетных сайтах.

— Какого черта? — ругаюсь я, — ведь все было бы так просто. Можно было бы просто вставлять иконки Dashicons в посты и все. Я стараюсь по возможности не трогать functions.php, поэтому лучше уж я установлю плагин для Font Awesome. Надеюсь, что в одном из обновлений WordPress разработчики добавят возможность вставлять Dashicons в посты.

Как установить иконки Font Awesome в WordPress

Есть два способа. Добавить код или установить плагин Better Font Awesome. Я буду использовать плагин, но можно установить Font Awesome, добавив следующий код в functions.php:

function wpb_load_fa() <
wp_enqueue_style( ‘wpb-fa’, ‘https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css’ );
>
add_action( ‘wp_enqueue_scripts’, ‘wpb_load_fa’ );

Как добавлять иконки Font Awesome в тексты WordPress

Итак, вы установили плагин Better Font Awesome. Как теперь добавлять иконки в посты? Есть два способа:

Использовать кнопку «Вставить иконку»,

которая появится в редакторе WordPress после установки плагина Better Font Awesome и будет выглядеть так:

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2017/02/wp_icon_fonts-300×107.png» data-large-file=»https://wilhard.ru/wp-content/uploads/2017/02/wp_icon_fonts.png» class=»aligncenter wp-image-3261 size-full» title=»wp icon fonts» src=»https://wilhard.ru/wp-content/uploads/2017/02/wp_icon_fonts.png» alt=»wp icon fonts» width=»820″ height=»292″ srcset=»https://wilhard.ru/wp-content/uploads/2017/02/wp_icon_fonts.png 820w, https://wilhard.ru/wp-content/uploads/2017/02/wp_icon_fonts-300×107.png 300w, https://wilhard.ru/wp-content/uploads/2017/02/wp_icon_fonts-768×273.png 768w» sizes=»(max-width: 820px) 100vw, 820px» />

Этот способ подойдет вам, если вас устроят серые иконки маленького размера. Но мне он не очень понравился, так как в результате в HTML вставляется такой вот код в квадратных скобках: icon name=»apple» class=»» unprefixed_class=»», в котором «apple» — это название иконки, а еще добавлено два пустых класса. Т.е. этот плагин добавляет избыточный код, а еще, чтобы поменять цвет и размер иконки, необходимо задавать класс в таблице стилей, что сложно. Поэтому я не использую этот способ, а использую следующий способ попроще:

Вставлять HTML-код с названием иконки

Если мы хотим добавить иконку , например, то сначала находим ее на сайте Font Awesome, а затем кликаем на иконку и попадаем на страничку, посвященную этой иконке: fontawesome.io/icon/apple. На этой страничке написан HTML-код иконки:

Надо просто скопировать его и вставить в HTML-код нашей странички. Это действительно самый легкий способ!

Как изменить размер иконки Font Awesome

Чтобы изменить размер иконки Font Awesome, необходимо добавить код размера в HTML-код иконки (обязательно в то же место, как указано ниже — перед закрывающими кавычками class):

  • fa-lg — 33% увеличение;
  • fa-2x — двухкратное увеличение;
  • fa-3x — трехкратное увеличение;
  • fa-4x — четырехкратное увеличение;
  • fa-5x — пятикратное увеличение.

Таким образом, добавив код fa-3x, мы увеличили нашу иконку в три раза: .

Как изменить цвет иконки Font Awesome

Для изменения цвета нашей иконки добавим в код иконки код стиля с указанием цвета:

В качестве кода цвета можно использовать любой из кодов цветов, указанных на сайте: htmlcolorcodes.com/color-names/, при этом можно использовать как названия цветов на английском языке, так и их коды, указанные там же.

Читать еще:  Активатор word 2020

Таким образом, после добавления style=»color:green» наша иконка стала зеленой: .

Дополнительные возможности иконок Font Awesome

С иконками Font Awesome можно сделать еще много красивых и интересных вещей. Какие еще есть возможности, можно посмотреть по этой ссылке: fontawesome.io/examples/.

Заключение

С одной стороны, когда разберешься, то не так уж все и сложно, а с другой стороны, очень хотелось бы, чтобы появилась возможность просто копировать и вставлять нужные иконки, а потом менять их размер и цвет так же, как размер и цвет обычного шрифта без правки HTML-кода. Может быть, это реализовано в одном из плагинов? А может, вы знаете более простой способ добавлять иконки? Если да, то поделитесь, пожалуйста, в комментариях.

Word icon is not showing on .doc & .docx document files

It has been observed that conflicts with the default program settings in Windows can cause plain white icons to be displayed on your ‘.docx‘ files. As such, you may not see any Microsoft Word icon. If Microsoft Word icon is blank or missing, & not showing correctly or properly on .doc & .docx document files of Office on Windows 10, then you can try the solutions outlined below in the post.

Word icon is not showing on document files

In most cases, a simple computer restart or a refresh of the folder can resolve the problem. If that doesn’t help, then read further.

1] Configure .docx files to open with ‘winword.exe’

Right-click on a DOCX file and select ‘Open with…’ option.

Next, when prompted with ‘How do you want to open this file’ message, choose ‘More apps’ option.

Now, scroll down and check the box marked against the ‘Always use this app to open .docx files’ option.

Click on the ‘Look for another app on this PC’ link and select the WINWORD.exe application, from one of the following paths, according to the installed Office version and click Open:

  • Word 2016 (64-bit):C:Program FilesMicrosoft OfficerootOffice16
  • Word 2016 (32-bit):C:Program Files (x86)Microsoft OfficerootOffice16

This should help.

3] Change Default Word icon in Registry

Now type ‘regedit’ in search box and press Enter to open Registry Editor.

Navigate to the following path in the left pane:

Double-click at Default value at the right pane and according to your Word version and architecture (32 or 64 bit), copy-paste the corresponding value in the value data box:

  • For Word 2016 (64-bit) keep it as C:Program FilesMicrosoft OfficerootOffice16wordicon.exe,13
  • For Word 2016 (32-bit) Keep it as C:Program Files (x86)Microsoft OfficerootOffice16wordicon.exe,13

When done, hit the Enter key. After that, close Registry Editor and restart your computer.

The problem should be resolved.

3] Rebuild the Icon cache

Rebuild the Icon cache and see if it helps. You may use our Thumbnail and Icon Cache Rebuilder to do so with a click.

4] Fix Office apps

If the Office icons are blank after installing Office from the Microsoft Store, then Open Settings > Apps. Find Microsoft Office Desktop Apps in the app list, select it and click on Advanced options. Click Fix. Then wait till the process is over and then restart your computer. If the problem persists, repeat these steps but click Reset instead of Fix.

5] Repair Office Installation

As the last option, if nothing helps, you may want to consider repairing your Office Installation.

Ссылка на основную публикацию
Adblock
detector