Montei um site para estudo de uma loja 
WooCommerce, ativei a api e gerei as chaves.

Na raiz do site em adicionei no .htaccess, será que está no local correto?:

    # Permite acesso ao pacote Font Awesome
    <FilesMatch ".(ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
    </FilesMatch>

Mais estou tendo o erro:
[![inserir a descrição da imagem aqui][1]][1]


  [1]: https://i.sstatic.net/sUlgK.png


Aqui está o código completo para teste:

    import { Component } from '@angular/core';
    import { NavController } from 'ionic-angular';

    import * as WC from 'woocommerce-api';

    @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    export class HomePage {

      WooCommerce: any;
      products:any[];


      constructor(public navCtrl: NavController) {

      this.WooCommerce = WC({
           url:"http://wooionic.comajudacoletiva.com.br/",
           consumerKey:"ck_899d1c4011cab2bde1f04cd52704c248f155ecdc",
           consumerSecret:"cs_cc90feaf8467c0a53679be89f137557cdc7acbe5"
         });

            this.WooCommerce.getAsync("products").then( (data) => {
              console.log(JSON.parse(data.body));
             // this.products = JSON.parse(data.body).products;
            }, (err) => {
              console.log(err)
            })
            
      }

    }