Embedding Custom Font in an eLearning Course

Last week I was working on an e-Learning course which needs to be delivered in HTML5 – a course to be compatible with Mobile devices. The software used for this project was Captivate. Everything in the course was working fine until client want to use a specific font that was not a free or default font available on the user machine.

If you ever wanted to embed a custom font in the course, then this is the post/tutorial for you.

Let’s say you develop a course in Captivate using custom font and published it in HTML5; CSS helps you to embed the custom font into the course publish package.CCS

I would like to share the method to embed font in an elearning course.

Steps to Embed Font Using CSS:

Step 1: Access to the folder assets>css
Step 2: Create a new folder as Fonts
Step 3: Paste the desired Font into the Fonts folder
Step 4: Open CPLibraryAll.css file from assets>css folder
Step 5: Embed the desired font or font family using the below code example:

@font-face {
font-family: ‘texgyreherosregular’;
     src: url(‘fonts/texgyreheros-regular-webfont.eot’);
     src: url(‘fonts/texgyreheros-regular-webfont.eot?#iefix’)      format(‘embedded-opentype’),
     url(‘fonts/texgyreheros-regular-webfont.woff’) format(‘woff’),
     url(‘fonts/texgyreheros-regular-webfont.ttf’) format(‘truetype’),
     url(‘fonts/texgyreheros-regular-webfont.svg#texgyreherosregular’)      format(‘svg’);
     font-weight: normal;
     font-style: normal;
}

Step 6: Find ‘.cp-actualText’ class in the same CPLibraryAll.css file and add below code

.cp-actualText span{
     font-family:texgyreherosregular;
}

Step 7: Run the course to view the result

Share

Things to Test in Multi-Platform E-Learning Course

E-Learning Course These days, you get computing devices in all different shapes and sizes. Along with computers and Mac, there are laptops, smartphones and tablets, which have slowly become the most popular devices. As such, testing of devices has become very essential for all purposes, including eLearning. One requires the same behaviour and performance across all different devices and operating systems. Your authoring tool is not able to provide you this, so you need to check it yourself. Here are a few methods to ensure that it is functioning as expected on the various devices:

  • Is the text readable?
    You could use a larger font size to make sure that the text is readable on devices of any resolution. Easing formatting, and auto-resizing text boxes are also useful.
  • Content Alignment
    Check the content on all devices, platforms, and browsers to show how the alignment varies and adjust it accordingly. This is because of the different HTML rendering engine and JavaScript interpretation for each of them, and you need to adjust your material accordingly.
  • Area for target areas for touch and select
    Touch and select controls may be quite difficult on smaller devices. So, make sure you leave enough space for user controls. Also, leave space between the different elements so that mistakes can be avoided.
  • Layer and group the navigation controls
    Take out the different navigation controls and group them logically. Layer them according to the frequency of usage. You can also enable or hide any elements based on the devices used.
  • Offer visual cues
    Provide visual cues to help the users understand the specific gestures used as interactivities in your course. They need to be clear and explicit to help guide them with the functionality.
  • Use device appropriate instructions
    The functionality and user interface would change depending on the device. So, use specific instructions for every device. As an example, on laptops and computers one needs to use any key, whereas on touch devices, you just need to tap. You could also use generic instructions that would be common all through.
  • Use suitable interactivity for all devices
    Make sure the interactivities work smoothly on all devices. You can also use additional features absed on the kind of device used.
  • The relationship and meaning between all parts of the course need to be maintained
    The layout needs to be checked to ensure proper sequence is maintained on every device. The location and the references must match, and also enough space must be left to make everything clear and distinct.
  • Course Performance
    The eLearning projects must perform well irrespective of the device or operating system. You need to control all memory lag issues and make sure no crashes occur.

It is not possible to have a standard device. So, you need to optimise your content for every device available. Use the above tips and ensure that your course runs smoothly no matter what device is used.

Watch-Free-E-learning-Samples

Share

Apple’s ‘Bendgate’ – E-Learning is a better strategy to avoid product failures

E-learning

Oooooh it is bending, it is Iphone, it is Apple, Steve Jobs.

It happens with any designer, manufacturer, developer even it has happened with Steve Jobs too in 2010 with Iphone 4 the ‘Antenagate’. To the world at large Steve Jobs is known as a meticulous product manager but still Iphone 4 Antenagate is a reality. In general, people bother about product looks from outside; Steve Jobs was a person who also cares about inside looks. So it is not just about how meticulous you are, how skilled full developers and designers you have and what quality of material you use; it is also about how much you and your entire team is aware of possible product failures.

Case: Let’s discuss a case of an e-learning course to educate chemical and physical characteristics of raw materials used in the development of various products.

Course Requirements - Client asked to develop a course describing chemical and physical features of materials to be used in product development like plastic, silicon, metals etc. This helps new executive engineers to enhance and recall their knowledge on materials that company may use in present and future product developments. It is like training Java to new software developers who already learned it in their academics.

Course Purpose - To enable learners develop products with least possibility of hardware failures.

Learning Solution - Following are the key aspects of the course requirement:

    • Implementation of training every time new designers and engineers are recruited
    • Hiring expert trainers to provide quality training
    • Establishment of Infrastructure to conduct training programs
    • Allocating required Budget
    • Managing training programs at various locations around the globe

Considering above list of requirement, an e-learning course is proposed; following are the list of benefits:

    • The course was developed with the help of experienced instructional designer, visualizers, in-house contract based SMEs and client side engineers.
    • It is posted on company LMS from where it is implemented to learners distributed at various locations around the globe.
    • LMS helps to track and grade leaners as per their performances
    • Greater control on content and quality
    • Cost effective

Scope of the course: It was purely a technical course dealing two aspects of each raw material i.e. basic chemical and physical features and their performances as per the specified product design.

Example: Basic chemical and physical features of silicon are described with the help of appropriate images and simple plain content using interactive presentation strategies. In next stage, course explains best possible dimensions and strength configurations of the material to be maintained in products to be developed and achieve business objectives like cost, durability and performance.

Learning and Business Results - The e-learning course has helped learners to increase their understanding on materials and develop cheaper and better products. In result, hardware defects has been reduced significantly and helped to build brand as one of the best product makers.

Conclusion - It is very important to understand basic details of raw materials for all decision makers who are directly related with product development. E-learning is considered as the best strategic tool to educate or train resources and achieve better business results.

Share